Collective #62
Inspirational Website of the Week
![Collective62_BakingDaywotw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_BakingDaywotw.jpg?x25555)
World Baking Day is a beautifully designed website with a smart organization of content, lots of interesting effects and some fancy page transitions.
Get inspiredHere is today
![hereistoday](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/hereistoday.jpg?x25555)
This site will put your notion of where today is into perspective. With some sleek animations the day of today is being positioned on a scale to provide some insight of the age of earth, life and the universe. Made by Luke Twyman from Whitevinyl.
Check it outBrowser Usage/Feature Statistics
![Collective62_browserstats](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_browserstats.jpg?x25555)
This application made by Ben Toews takes data from caniuse.com and presents it in a pack chart powered by D3 for visualizing browser support of features.
Check it outGallery CSS
![Collective62_gallery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_gallery.jpg?x25555)
Ben Schwarz made this CSS for a simple gallery carousel; no JavaScript needed, you only need to use the styles and build your gallery with it.
Check it outMagnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)
![Collective62_magnificpopup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_magnificpopup.jpg?x25555)
Magnific Popup is an open-source responsive lightbox plugin created by Dmitry Semenov. Read the article to get an idea of how it was build and learn about the features.
Check it outZelda: A Link to the CSS
![Collective62_zelda](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_zelda.jpg?x25555)
Donovan Hutchinson recreated part of the opening sequence of "Zelda: A Link to the Past" using HTML and CSS only.
Check it outMixItUp - A CSS3 and JQuery Filter & Sort Plugin
![Collective62_mixitup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_mixitup.jpg?x25555)
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nicely with your existing HTML and CSS, making it a great choice for fluid, responsive layouts.
Check it outDookie
![Collective62_dookie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_dookie.jpg?x25555)
Dookie by Dmitri Voronianski is a CSS library that is built on top of the Stylus preprocessor and it provides a couple of useful mixins, utilities and functions.
Check it outMandolin Man
![Collective62_mandolin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_mandolin.jpg?x25555)
Play the mandolin with your keyboard on this great website created by Bill Brown.
Check it outFree Flat Icons
![Collective62_flaticons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_flaticons.jpg?x25555)
Jan Dvořák created this lovely set of free flat icons.
Get itItch A Skitch - HTML5 Canvas Powered Etch A Sketch
![Collective62_itchaskitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_itchaskitch.jpg?x25555)
Itch A Skitch is an HTML5 canvas powered Etch A Sketch. Itch your skitch with your keyboard, save it, and share it. It was developed by Jack Rugile .
Check it outShape Shifter
![Collective62_shapeshifter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_shapeshifter.jpg?x25555)
Shape Shifter is a fantastic canvas experiment by Kenneth Cachia. Make sure to check out all the different demos.
Check it outFree Font: Distorted Fashion
![Collective62_distortedfashion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_distortedfashion.jpg?x25555)
Distorted Fashion is an interesting free font by Scribblez Grafix. It's uppercase only and designed for magazine display use.
Get itInfinite Scrolling: Let's Get To The Bottom Of This
![Collective62_scrolling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_scrolling.jpg?x25555)
In this Smashing Magazine article, Yogev Ahuvia goes to the bottom of the infinite scroll, it's advantages and it's downsides, and how to use it properly.
Read itIntern: A next-generation JavaScript testing stack
![Collective62_theintern](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_theintern.jpg?x25555)
Intern, from SitePen Labs, combines all the best features from various testing tools (plus a few new ones of their own) into a single, versatile, easy-to-use, standards-based browser testing stack for JavaScript.
Check it outFree Colorful Icons (PSD)
![Collective62_freecolorfulicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_freecolorfulicons.jpg?x25555)
Michael Dolejš shares this colorful and flat icon set for free.
Get itWhere Does My Tweet Go?
![Collective62_wdmtg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_wdmtg.jpg?x25555)
A beautiful web app by MFG Labs to visualize the spreading of a tweet.
Check it outRetinize It
![Collective62_retinizeit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_retinizeit.jpg?x25555)
Artiom Dashinsky created these useful Photoshop actions for preparing designs for iOS or optimized for Retina-display websites.
Get itEmbedding Canvas and SVG charts in emails
![Collective62_emailcharts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_emailcharts.jpg?x25555)
Thomas Fuchs shares his experience on how they managed to embed Canvas and SVG charts in the weekly report emails of Freckle Time Tracking.
Read itiio Engine: an Interactive App Framework for HTML5 built with Canvas & JavaScript
![Collective62_iioengine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_iioengine.jpg?x25555)
The iio Engine by Sebastian Bierman-Lytle is a JavaScript framework that streamlines the development of HTML5 applications. The core platform is open source, and free to use and extend for any purpose.
Check it outFree Font: Espuma Pro Regular
![Collective62_Espuma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_Espuma.jpg?x25555)
Designed by Andriy Konstantynov, Espuma Pro is a soft and friendly humanist sans-serif font family with a strong calligraphic aftertaste. The regular style is for free.
Get itFree Font: Myra Caps
![Collective62_MyraCaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective62_MyraCaps.jpg?x25555)
Myra Caps is a unique and free font designed by Sergiy Tkachenko.
Get it