Collective #161
![Collective161_wotw_dehaus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_wotw_dehaus.jpg?x25555)
Inspirational Website of the Week: De Haus
Discover cool transitions and an interesting navigation on De Haus, our website pick this week.
Get inspired![Collective161_JavaScript](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_JavaScript.jpg?x25555)
The JavaScript World Domination
Have a peek into a very interesting future of JavaScript. An article by Flaki.
Read it![Collective161_diePNG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_diePNG.png?x25555)
Die PNG. Die!
Vincent Le Moign shows how to use vector icons in your app and finally ditch those PNG assets.
Read it![Collective161_12animation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_12animation.png?x25555)
Animation Principles for the Web
Learn about the 12 principles of animation and how you can apply them when making websites. An article by Donovan Hutchinson.
Read it![Collective161_domanimator](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_domanimator.png?x25555)
Dom-Animator.JS
A JavaScript library by Tim Holman for adding animations on comment nodes within the DOM.
Check it out![Collective161_fixedscroll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_fixedscroll.png?x25555)
Fixed Background Effect
A great scroll effect using fixed background attachment from Sebastiano Guerriero on CodyHouse.
Check it out![Collective161_cuberunner](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_cuberunner.png?x25555)
Cuberunner
Game5 created this superb and addictive game made with WebGL, Three.js and Shaders. Featured in Chrome Experiments.
Check it out![Collective161_sarasvg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_sarasvg.png?x25555)
Building Better Interfaces with SVG
SVGs possibilities for building fantastic UIs are endless. Sara Soueidan's slides of her fantastic talk at CSSConf Australia.
Check it out![Collective161_plural](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_plural.png?x25555)
Pluralization for JavaScript
Tingan Ho shows how problematic pluralization can be and how to use ICU's MessageFormat to successfully implement working solutions.
Read it![Collective161_BadHead](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_BadHead.jpg?x25555)
Free Font: Badhead
A fresh looking font with a strong character designed by ianmikraz and freely available on PixelBuddha.
Get it![Collective161_Primer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_Primer.png?x25555)
Primer
Primer is the CSS toolkit that powers GitHub's front-end design and now you can use it in your project.
Check it out![Collective161_diamonds](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_diamonds.jpg?x25555)
Create a complex diamond pattern in Illustrator
A great tutorial by Veerle Pieters on how to create a complex geometrical pattern in Adobe Illustrator.
Read it![Collective161_shaders](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_shaders.jpg?x25555)
The Book of Shaders
Patricio Gonzalez Vivo introduces you to the abstract and complex universe of Fragment Shaders. A work in progress with new chapters being released regularly.
Read it![Collective161_Periscope](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_Periscope.jpg?x25555)
Periscope
The next big app for sharing and watching live video broadcasts from your mobile phone. Read more about it here.
Check it out![Collective161_bgpos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_bgpos.png?x25555)
A Primer To Background Positioning In CSS
Sara Soueidan teaches you everything you need to know about background positioning in CSS.
Check it out![Collective161_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_react.png?x25555)
React Native
Facebook open sourced React Native, a framework for building native apps.
Check it out![Collective161_handletfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_handletfonts.jpg?x25555)
4 Free Handwritten Custom Fonts
Four beautiful and unique handwritten fonts by Peter Olexa.
Get it![Collective161_cssloaders](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_cssloaders.png?x25555)
Loaders.css
If you're still not on the SVG bandwagon for loaders and prefer HTML and CSS, then have a look at Connor Atherton's loader set.
Check it out![Collective161_whisky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_whisky.png?x25555)
Whiskey Break
Evgeniy Artsebasov designed this set of Whiskey-related icons and offers them for free on The Noun Project.
Get it![Collective161_uber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective161_uber.png?x25555)
Uber iOS Wireframe Kit (Sketch)
A great wireframe kit for quick prototyping from the Uber team.
Get it