Collective #124
Inspirational Website of the Week: Aprilzero
![Collective124_aprilzero](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_aprilzero.png?x25555)
Anand Sharma's own data visualized in a fantastic way. Enjoy smooth animations and interesting effects on this extraordinary website.
Get inspiredClipping in CSS and SVG: The clip-path Property and <clipPath> Element
![Collective124_csssvgclipping](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_csssvgclipping.png?x25555)
Another insightful article by Sara Soueidan on SVG, this time about the clip-path property and the clipPath element.
Check it outCSS is a Mess
![Collective124_cssmess](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_cssmess.png?x25555)
Jonathan Snook talks about the messiness of CSS and how we can avoid mistakes and organize large projects better.
Watch itHow to Create Your Own HTML Elements With Web Components
![Collective124_howtocreatewebcomponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_howtocreatewebcomponents.png?x25555)
Kezz Bracey shows how to create your own HTML elements with the exciting new Web Components.
Read itBest Practices for Building Angular.js Apps
![Collective124_angularbestpractices](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_angularbestpractices.png?x25555)
Learn some really interesting best practices for building Angular.js apps in this article by Jeff Dickey.
Check it outDropKick.js 2.0
![Collective124_dropkickjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_dropkickjs.png?x25555)
Version 2.0 of the great JavaScript plugin for creating beautiful, graceful, and painless custom drop-downs. Made by Robert DeLuca.
Check it outFlexbox Based Responsive Equal Height Blocks With JavaScript Fallback
![Collective124_flexresponsiveequalheights](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_flexresponsiveequalheights.png?x25555)
A great solution for reaching equal height columns using flexbox with a JS fallback. By Osvaldas Valutis.
Check it outMazwai
![Collective124_mazwai](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_mazwai.png?x25555)
A great stock video site with free HD videos that you can use in your projects. All videos are licensed under the CC 3.0 license.
Check it outCSS Colorguard
![Collective124_CSSColorguard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_CSSColorguard.png?x25555)
CSS Colorguard helps detect similar colors in your CSS project for a more consistent color use. Made by Alex Sexton.
Check it outGifLinks
![Collective124_GifLinks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_GifLinks.png?x25555)
Christmas is coming early this year with GIFLINKS! YES! By brilliant (and evil) Tim Holman :)
Check it outSmart Fixed Navigation
![Collective124_smartfixednavigation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_smartfixednavigation.png?x25555)
A smart navigation that will be where it's needed when scrolling down a page.
Check it out5 Practical Examples For Learning The React Framework
![Collective124_5examplesreact](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_5examplesreact.png?x25555)
Some useful learning examples for Facebook's React framework. By Martin Angelov.
Check it outPixelvicon Icon Set (PSD, PNG, SVG, Webfont)
![Collective124_pixelvicon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_pixelvicon.png?x25555)
80 really pixel-perfect icons made by Mohammad Amiri.
Get itMaking a SVG HTML Burger Button
![Collective124_svgburgerbutton](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_svgburgerbutton.png?x25555)
Learn how to make a nicely animated hamburger icon in this tutorial by Kyle Henwood.
Check it outOptimising for 60fps everywhere
![Collective124_60fps.js](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_60fps.js.png?x25555)
Understand and learn how to optimize web sites and applications for efficient rendering. An article on the GoSquared Engineering Blog.
Read itelq.js
![Collective124_elq.js](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_elq.js.png?x25555)
A really useful library by Art Lawry for detecting element-queries in your CSS, and implementing them in JavaScript.
Check it outCSS only custom-styled select
![Collective124_CSSselect](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_CSSselect.png?x25555)
A CSS-only way to style the closed state of the native select element by Todd Parker.
Check it outPodStarUI (PSD)
![Collective124_podstarui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_podstarui.png?x25555)
A beautiful freebie by PixelBuddha: a one-page template with a podcast theme.
Get itJavaScript must-watch videos
![Collective124_jsmustwatch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_jsmustwatch.png?x25555)
A useful list of must-watch videos about JavaScript. Collected by Sergey Bolshchikov.
Check it outPlease JS
![Collective124_pleasejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_pleasejs.png?x25555)
Please.js by Jordan Checkman uses the HSV color space to create random pleasing colors to make your projects beautiful.
Check it outFree Font: Silent Lips
![Collective124_silentlips](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective124_silentlips.png?x25555)
Vincent Labonne designed this hypnotic experimental typeface.
Get it