Bi-Weekly Frontend News

Collective #69

Inspirational Website of the Week


Great typography, interesting layouts and subtle effects can be found on the website of "Tool of North America". Our pick this week.

Get inspired



A very useful jQuery plugin that gives users real time hints and progress updates as they complete forms. Made by Aaron Lumsden.

Check it out

Adapting To A Responsive Design (Case Study)


Matt Gibson from Cyber-Duck gives some interesting insights on why they abandoned a separate mobile website and reviews their process of creating a new responsive design in this case study on Smashing Magazine.

Read it

Working around a lack of element queries


An insightful article on some tentatives for solving the problem with media queries being relative to the browser window size and not to the element itself. A great discussion with some additional ideas follows.

Read it



Flippant.js by Christian Metts is a small library for flipping elements in 3D. It has no dependencies and it's easy to customize.

Check it out



If you are working with icon fonts then Fontastic will help you with a better workflow: an intuitive and beautifully designed interface will make all the steps for generating your custom icon font super easy.

Check it out

Sass & Compass Buttons


Buttons by Alex Wolfe is a CSS button library built with Sass and Compass that you can easily customize.

Check it out

Add Narration to Your Slide Deck With HTML5 Audio


Kevin Lamping explains how to add your voice to your slide deck with HTML5 audio.

Check it out

Code Problems


A great collection of common code problems solved in JavaScript. It was created by Blake Embrey and you can contribute.

Check it out

Instant Server


If you need a virtual private server instantly for some quick testing then this is definitely the most uncomplicated option.

Check it out

Mini Mail Application (PSD)


A pixel-perfect mini mail application mockup by Ionut Zamfir on PremiumPixels.

Get it

Phoria 3D


Phoria.js by Kevin Roast is a JavaScript library for simple 3D graphics on a canvas 2D renderer that does not use WebGL.

Check it out

200 Foodie Pack: A Free Set Of Food Icons


Some really nice food icons by Freepik featured by Smashing Magazine. The icons come in the formats PNG, AI and EPS.

Get it

Vectory mini free (PNG)


Vectory mini by Icojam is a free version of Vectory icons and includes 40×40 sized PNGs.

Get it

Flat Browsers Set (PSD)


A set of flat browsers including Chrome, Safari and Firefox by Pixeden.

Get it

SVG Workflow for Designers


Dan Mall explains how to create an efficient workflow for SVG as a designer.

Read it

Free Font: Track type


Tracks type is an all caps font inspired by railway tracks. It was designed by Gumpita Rahayu.

Get it

Frontend Development Bookmarks


A great and useful list of frontend development resources that were collected over time by Dimi Navrotskyy. You can contribute as well and a website is planned.

Check it out

CSS Typography Cheat Sheet


Some tips and insights around CSS typography by Sven Read.

Read it

Free website PSD: GoodInc.


A beautiful, flat travel website blog design by Blaz Robar.

Get it