Collective #78 | Codrops

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

FlowType.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 out

justdelete.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 out

Modern long shadow icons (PSD)

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

Get it

NProgress.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 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

JavaScript 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 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