Bi-Weekly Frontend News

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 out

Semantic 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 it



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 out


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 out

Modern long shadow icons (PSD)


A set of pixel-perfect flat icons with fashionable long shadows by for Webdesigner Depot.

Get it



A slick progress bar script by Rico Sta. Cruz. It featuring realistic trickle animations to convince your users that something is happening.

Check it out

Detecting 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 it

Comparing 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 it

Basiliq: 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 it

Photoshop and Adobe Illustrator CS6 Shortcut Cheatsheets


Some great cheatsheets for Adobe Illustrator and Photoshop by ZeroLag.

Check it out

Thin Round Icons (PSD)


A slick set of 35 clean round icons by Sebastien Gabriel on Design Kindle.

Get it

Great 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 it

Free Font: Nighttime


An exquisite typeface designed by Bettina Wolmersen made with iFontMaker.

Get it

Washicons Icon Font


A fantastic icon font with washing related icons by Lucijan Blagonic.

Get it

Freebie 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 it

Decoupling 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 it

42 Long Shadow Social Icons (PSD)


A great set of long shadow social icons by Uipixels.

Get it

Free App Website PSD Template


A very clean and elegant website template by Despreneur.

Get it

iPhone 5 Mockup Template (PSD)


A very nice iPhone 5 mockup template by Ray Design.

Get it