Bi-Weekly Frontend News

Collective #74

Inspirational Website of the Week


A beautifully designed hommage to celebrate 100 years of the Tour de France. Some great effects and a brilliant way to present data made us pick this website for this week's inspiration.

Get inspired



UIkit is an open source, lightweight and modular front-end framework for developing web interfaces made by the YOOtheme team.

Get it


A fantastic app for real-time code sharing in your browser. Developed by Lee Munroe.

Check it out

Is This The Future of The Airline Website?


"What if there was a better way to book a flight?" Dive into the what ifs of this excellent case study by Fi, Fantasy Interactive.

Check it out

iOS 7 Wireframe Kit


A very useful wireframe kit for Adobe Illustrator made by Blake Perdue.

Get it

Practical Typography


Learn about real typography from this complete online book by Matthew Butterick.

Read it

200 Vector Icons


An incredible set of useful vector icons by for Webdesigner Depot. Pay with a tweet to get the set.

Get it

CSS Guidelines


Some general CSS notes, advice and guidelines by Harry Roberts.

Check it out



VerbalExpressions by Jesse Luoto is an extremely useful JavaScript library that will help you construct difficult regular expressions.

Check it out



Wouldn't it be great to store all the things that you've favorited on Twitter or Stackoverflow, and also starred on GitHub in one place? This beautifully designed app (beta) will do exactly that.

Check it out

Macbook Template (PSD)


A beautiful MacBook Air PSD template for your next work presentation by David Kovalev.

Get it

Free Font: Newgeo


An interesting typeface with four styles by the Lettering Shop.

Get it

Loading animation with CSS


A brilliant CSS trick by Lea Verou for recreating the ContextAd loading animation.

Check it out

Free Font: Public Enemy


A clean typeface with a unique character designed by Tomas Velez.

Get it

Free Font: BoB


A unique typeface designed by Zarni.

Get it

File Type Icons


File Type Icons by Web Icon Set is a great set of 62 stylish file extension icons in AI, ICO and PNG.

Get it

Setting subheads with CSS


Learn how to style beautiful subheads with CSS in this tutorial by Marko Dugonjić on Typekit.

Read it

Backbone.js Deconstructed (Part 1)


Cody Lindley will teach you everything about Backbone.js that you have been missing from the documentation or tutorials around. A great resource.

Read it



A jQuery plugin by Daniel White that converts an HTML table into a JavaScript object. Great for working with user-editable tables or accessing output from 3rd party tools.

Check it out

Simple Responsive Images With CSS Background Images


A clever and simple approach for dealing with responsive images using background images. By Stephen Thomas for Smashing Magazine.

Read it

Guardpost: Free email validation API for web forms


Guardpost is a free email address validation service by Mailgun by Rackspace. Given an arbitrary address guardpost validates address based off syntax checks (RFC defined grammar), DNS validation, spell checks, and if available, Email Service Provider (ESP) specific local-part grammar.

Check it out



ChessBoardJS by Chris Oakman is a standalone JavaScript chess board. It is designed to be "just a board" and expose a powerful API so that it can be used in different ways.

Check it out

Alpha transparency in Chrome video


Chrome Canary now supports video alpha transparency in WebM making it possible to play videos with transparent backgrounds.

Check it out