Bi-Weekly Frontend News

Collective #62

Inspirational Website of the Week

Collective62_BakingDaywotw

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

hereistoday

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

Collective62_browserstats

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 out

Gallery CSS

Collective62_gallery

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
Advertisement

Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)

Collective62_magnificpopup

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

Collective62_zelda

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

Collective62_mixitup

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

Collective62_dookie

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

Collective62_mandolin

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

Check it out

Free Flat Icons

Collective62_flaticons

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

Get it

Itch A Skitch - HTML5 Canvas Powered Etch A Sketch

Collective62_itchaskitch

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

Collective62_shapeshifter

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

Collective62_distortedfashion

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

Collective62_scrolling

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

Collective62_theintern

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)

Collective62_freecolorfulicons

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

Get it

Where Does My Tweet Go?

Collective62_wdmtg

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

Check it out

Retinize It

Collective62_retinizeit

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

Collective62_emailcharts

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

Collective62_iioengine

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

Collective62_Espuma

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

Collective62_MyraCaps

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

Get it