Collective #137
![Collective137_squarespaceseven](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_squarespaceseven.png?x86293)
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![Collective137_CSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_CSS.png?x86293)
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![Collective137_githubedu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_githubedu1.png?x86293)
Student Developer Pack
Fantastic news for students: GitHub offers free access to the best developer tools in one place.
Check it out![Collective137_soundcity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_soundcity.png?x86293)
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![Collective137_webglThreejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_webglThreejs.png?x86293)
Intro to WebGL with Three.js
David S. Lyons' slides from his great talk on WebGL with Three.js.
Check it out![Collective137_betterselect](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_betterselect.png?x86293)
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![Collective137_roundednav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_roundednav.png?x86293)
Rounded Animated Navigation
An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.
Check it out![Collective137_pirou](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_pirou.png?x86293)
Free Font: Pirou
Pirou by Quentin Grébeude is beautiful, experimental outline typeface inspired by Didot.
Get it![Collective137_odespecifications](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_odespecifications.png?x86293)
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![Collective137_miamimls](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_miamimls.png?x86293)
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![Collective137_trainingcms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_trainingcms.png?x86293)
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![Collective137_creativespirit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_creativespirit.png?x86293)
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![Collective137_hnapi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_hnapi.png?x86293)
Hacker News API
Hacker News data becomes available in near real time with the official API.
Check it out![Collective137_thoughtplan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_thoughtplan.png?x86293)
Thought Plan
A great minimalistic tool for planning projects, organizing thoughts and storing simple documents.
Check it out![Collective137_WebFontLoading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_WebFontLoading.png?x86293)
Loading webfonts with high performance on responsive websites
Adam Beres-Deak explains how webfont loading performance can be optimized with this technique.
Read it![Collective137_iconsautumn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_iconsautumn.png?x86293)
Icons Of Autumn (50 Icons, EPS)
A lovely set of autumn-related icons designed by Nick Botner.
Get it![Collective137_ACNPL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_ACNPL.png?x86293)
ACNPL\WGL
ACNPL\WGL stands for ACTIVATION NODEPLUS Lab, a digital laboratory of slick ideas and Canvas/WebGL interactions.
Check it out![Collective137_githubsvgdiff](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_githubsvgdiff.png?x86293)
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![Collective137_dribbbletree](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective137_dribbbletree.png?x86293)
kindddred
See your Dribbble "family tree" on this fun website. It will show you invite relations between players.
Check it out