Collective #112
Inspirational Website of the Week: Studio Songes
![Collective112_studiosonges](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_studiosonges.jpg?x86293)
The creative navigation experience and extravagant style of Studio Songes made it our pick this week.
Get inspiredUnderstanding CSS Timing Functions
![Collective112_timingfunctions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_timingfunctions.jpg?x86293)
Stephen Greig will teach you everything you need to know about CSS timing functions in this excellent article over on Smashing Magazine.
Read itshine.js
![Collective112_Shine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_Shine.png?x86293)
A great library for creating beautiful shadow effects with dynamic light source positions.
Check it outUnderstanding Vector Shapes in Illustrator
![Collective112_vectorshapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_vectorshapes.jpg?x86293)
A complete, in-depth tutorial by Matt D. Smith that will help you understand and master vector shapes in Adobe Illustrator.
Read itVLEX
![Collective112_vlex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_vlex.jpg?x86293)
VLEX is a great script for overcoming SVG shortcomings regarding layout responsiveness.
Check it outFree Font: Polar Vertex
![Collective112_polarvertex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_polarvertex.jpg?x86293)
Katharine Howard designed this dreamy geometric display typeface and you can get it for a tweet.
Get itWeb Components and you – dangers to avoid
![Collective112_webcomponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_webcomponents.jpg?x86293)
Christian Heilmann summarizes some dangers that might mess up Web Components and encourages developers to get involved defining them.
Read itCSS Vocabulary
![Collective112_cssvocabulary](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_cssvocabulary.jpg?x86293)
What's a block and what's a selector? This page by Ville Vanninen will help you learn the basic terms of CSS and understand the vocabulary visually.
Check it outWikipedia concept
![Collective112_wikipedia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_wikipedia.jpg?x86293)
A fantastic Wikipedia design concept by Salomon Aurélien with an additional prototype preview by Vinny Fonseca.
Check it outPourOver
![Collective112_pourover](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_pourover.jpg?x86293)
PourOver is a powerful JavaScript library that allows for fast filtering and sorting of very large item collections.
Check it outImprove the payment experience with animations
![Collective112_animationspaymentexperience](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_animationspaymentexperience.jpg?x86293)
Michaël Villar from Stripe shows how the payment experience can be enhanced with some really nice animations.
Read itGoogle I/O 2014
![Collective112_googleio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_googleio.jpg?x86293)
The beautifully creative and interactive website of this year's Google I/O event.
Check it outChampicons (AI)
![Collective112_Champions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_Champions.png?x86293)
A lovely set of champion icons by Emanuel Serbanoiu.
Get itJeet Grid System
![Collective112_jeet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_jeet.jpg?x86293)
No more needlessly nesting elements and no more rigid twelve column rules: Jeet is an human-understandable grid system by MojoTech.
Check it outTrianglify
![Collective112_trianglify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_trianglify.jpg?x86293)
Trianglify by Quinn Rohlf is a JavaScript library for generating colorful triangle meshes.
Check it outJuggle
![Collective112_juggle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_juggle.jpg?x86293)
A lovely juggle animation pen by Noah Blon.
Check it outAre Magazine Apps Dead? A State of the Art Roundtable
![Collective112_magappsdead](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_magappsdead.jpg?x86293)
A very interesting read with opinions of great magazine makers on the current (grim-looking) state of digital magazine apps for tablets.
Read it12 Little-Known CSS Facts
![Collective112_12cssfacts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_12cssfacts.jpg?x86293)
An interesting compilation of some little-known, yet useful CSS facts by Louis Lazaris.
Check it outFree Font: Adria Slab
![Collective112_AdriaSlab](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_AdriaSlab.png?x86293)
Adria Slab is a clean and elegant slab serif typeface and you can get the regular style for free. Designed by Marcus Sterz.
Get itPrototypo
![Collective112_prototypo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective112_prototypo.jpg?x86293)
A promising looking font creation project that is currently being developed in the open. A successful crowdfunding campaign is making the development of the first version possible.
Check it out