Collective #78
Inspirational Website of the Week
Hackery, Math & Design by Steven Wittens is our pick this week. Take a look and get blown away not only by the fantastic and unique effects but also by the superb content.
Check it outSemantic CSS With Intelligent Selectors
A brilliant article by Heydon Pickering on an alternative approach to styling Web documents other than the popular object-oriented CSS based one.
Read itFlowType.JS
A great script that will adjust the font size and line height of text depending on the size of the containing element. Made by Simple Focus.
Check it outjustdelete.me
A fantastic website that aims to be a directory of URLs to enable you to easily delete your account from web services. Made by Robb Lewis and designed by Ed Poole.
Check it outModern long shadow icons (PSD)
A set of pixel-perfect flat icons with fashionable long shadows by WebIconSet.com for Webdesigner Depot.
Get itNProgress.js
A slick progress bar script by Rico Sta. Cruz. It featuring realistic trickle animations to convince your users that something is happening.
Check it outDetecting Critical CSS For Above-the-Fold Content With Paul Kinlan (Video)
See this demo by Addy Osmani and Paul Kinlan of a new experimental bookmarklet that detects critical CSS for above the fold content. The idea is to "inline" the initially needed (above-the-fold) CSS to prevent render-blocking for the initially visible part of a website.
Watch itComparing and contrasting ins, del, and s
Learn about these elements that semantically indicate added or removed information from this great article by Oli Studholme over at HTML5 Doctor.
Read itBasiliq: Freehand UI Kit
A fantastic freebie by Cloud Castle. In includes over three hundred design elements specifically for prototyping with a hand-crafted look.
Get itJavaScript Best Practices (Part 1)
The first part of a very useful guide on JS best practices. Adapted from a popular slideshow by Christian Heilmann.
Read itPhotoshop and Adobe Illustrator CS6 Shortcut Cheatsheets
Some great cheatsheets for Adobe Illustrator and Photoshop by ZeroLag.
Check it outThin Round Icons (PSD)
A slick set of 35 clean round icons by Sebastien Gabriel on Design Kindle.
Get itGreat Responsive Web Design is a Matter of Process
Jacey Gulden summarizes what it takes to approach responsive web design the right way and how to re-think the web design process.
Read itFree Font: Nighttime
An exquisite typeface designed by Bettina Wolmersen made with iFontMaker.
Get itWashicons Icon Font
A fantastic icon font with washing related icons by Lucijan Blagonic.
Get itFreebie Pack
A pack of freebies by Noah Zwillinger that will be an ongoing project. Included are multiple PSD files containing website templates and other useful designs for the web.
Get itDecoupling Your HTML, CSS, and JavaScript
Philip Walton shares his experience on how he learned to decouple his HTML, CSS, and JavaScript in this in-depth article.
Read it42 Long Shadow Social Icons (PSD)
A great set of long shadow social icons by Uipixels.
Get itFree App Website PSD Template
A very clean and elegant website template by Despreneur.
Get itiPhone 5 Mockup Template (PSD)
A very nice iPhone 5 mockup template by Ray Design.
Get it