Collective #78

Inspirational Website of the Week

Collective78_02

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

Collective78_01

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

Collective78_flowtype

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

Collective78_deleteme

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

Advertisement

Modern long shadow icons (PSD)

Collective78_flaticonsshadow

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

Get it

NProgress.js

Collective78_nprogress

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)

Collective78_abovefold

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

Collective78_ins

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

Collective78_handui

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

Collective78_cheatsheets

Some great cheatsheets for Adobe Illustrator and Photoshop by ZeroLag.

Check it out

Thin Round Icons (PSD)

Collective78_roundicons

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

Collective78_rwd

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

Collective78_nighttime

An exquisite typeface designed by Bettina Wolmersen made with iFontMaker.

Get it

Washicons Icon Font

Collective78_washingicons

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

Get it

Freebie Pack

Collective78_freebiespack

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)

Collective78_socialflat

A great set of long shadow social icons by Uipixels.

Get it

Free App Website PSD Template

Collective78_template

A very clean and elegant website template by Despreneur.

Get it

iPhone 5 Mockup Template (PSD)

Collective78_iphone5

A very nice iPhone 5 mockup template by Ray Design.

Get it

source