Collective #137

Inspirational Website of the Week: Squarespace Seven
The Squarespace 7 presentation is a celebration of well-timed interactive animations. A delightful scrolling experience! Our pick this week.
Get inspired
CSS turns 20
20 years ago Håkon Wium Lie wrote a proposal for Cascading HTML style sheets. Read this interesting interview with him on the Dev.Opera blog.
Check it out
Student Developer Pack
Fantastic news for students: GitHub offers free access to the best developer tools in one place.
Check it out
Sound City Project
A wonderful project that aims to give you a more realistic feeling of a place through 3D sound. Check out the JavaScript on GitHub.
Check it out
Intro to WebGL with Three.js
David S. Lyons' slides from his great talk on WebGL with Three.js.
Check it out
Making Better Select Elements with jQuery and CSS3
Martin Angelov shows how to create rich and great-looking select elements with jQuery and CSS3 magic.
Check it out
Rounded Animated Navigation
An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.
Check it out
Free Font: Pirou
Pirou by Quentin Grébeude is beautiful, experimental outline typeface inspired by Didot.
Get it
A Front-End Developer’s Ode To Specifications
Dmitriy Fabrikant's interesting analysis on how specifications can help build the right product more quickly and more efficiently.
Read it
Miami MLS Team
The fantastic result of Diego Guevara's challenge to develop a complete branding case study in under a week.
Check it out
Training the CMS
A very insightful article by Eileen Webb on three principles that will help create solid CMS content guidelines for authors.
Read it
How I Resurrected My Creative Spirit
A very inspirational article on how Joseph Le reached a new level of creativity with some bad-ass drawing explorations.
Read it
Hacker News API
Hacker News data becomes available in near real time with the official API.
Check it out
Thought Plan
A great minimalistic tool for planning projects, organizing thoughts and storing simple documents.
Check it out
Loading webfonts with high performance on responsive websites
Adam Beres-Deak explains how webfont loading performance can be optimized with this technique.
Read it
Icons Of Autumn (50 Icons, EPS)
A lovely set of autumn-related icons designed by Nick Botner.
Get it
ACNPL\WGL
ACNPL\WGL stands for ACTIVATION NODEPLUS Lab, a digital laboratory of slick ideas and Canvas/WebGL interactions.
Check it out
SVG Viewing & Diffing
In GitHubs words: "In the spirit of making diffs of rich information easier to parse, SVG images are now viewable and diffable on GitHub!"
Check it out
kindddred
See your Dribbble "family tree" on this fun website. It will show you invite relations between players.
Check it out