Collective #62
Inspirational Website of the Week

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

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

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

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)

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

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

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

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

Play the mandolin with your keyboard on this great website created by Bill Brown.
Check it outFree Flat Icons

Jan Dvořák created this lovely set of free flat icons.
Get itItch A Skitch - HTML5 Canvas Powered Etch A Sketch

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

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

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

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

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)

Michael Dolejš shares this colorful and flat icon set for free.
Get itWhere Does My Tweet Go?

A beautiful web app by MFG Labs to visualize the spreading of a tweet.
Check it outRetinize It

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

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

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

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

Myra Caps is a unique and free font designed by Sergiy Tkachenko.
Get it