Bi-Weekly Frontend News

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 inspired

Here 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 out

Browser Usage/Feature Statistics


This application made by Ben Toews takes data from and presents it in a pack chart powered by D3 for visualizing browser support of features.

Check it out

Gallery 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 out

Magnific 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 out

Zelda: 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 out

MixItUp - 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 out



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 out

Mandolin Man


Play the mandolin with your keyboard on this great website created by Bill Brown.

Check it out

Free Flat Icons


Jan Dvořák created this lovely set of free flat icons.

Get it

Itch 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 out

Shape Shifter


Shape Shifter is a fantastic canvas experiment by Kenneth Cachia. Make sure to check out all the different demos.

Check it out

Free Font: Distorted Fashion


Distorted Fashion is an interesting free font by Scribblez Grafix. It's uppercase only and designed for magazine display use.

Get it

Infinite 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 it

Intern: 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 out

Free Colorful Icons (PSD)


Michael Dolejš shares this colorful and flat icon set for free.

Get it

Where Does My Tweet Go?


A beautiful web app by MFG Labs to visualize the spreading of a tweet.

Check it out

Retinize It


Artiom Dashinsky created these useful Photoshop actions for preparing designs for iOS or optimized for Retina-display websites.

Get it

Embedding 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 it

iio 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 out

Free 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 it

Free Font: Myra Caps


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

Get it