Bi-Weekly Frontend News

Collective #74

Inspirational Website of the Week

Collective74_wotw

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

Collective74_uikit

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

Get it

codeshare.io

Collective74_codeshare

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?

Collective74_airline

"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
Advertisement

iOS 7 Wireframe Kit

Collective74_ioskit

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

Get it

Practical Typography

Collective74_typography

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

Read it

200 Vector Icons

Collective74_200vectoricons

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

Get it

CSS Guidelines

Collective74_cssguidelines

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

Check it out

VerbalExpressions

Collective74_regex

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

Check it out

likeastore.

Collective74_likeastore

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)

Collective74_macbooktemplate

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

Get it

Free Font: Newgeo

Collective74_newgeo

An interesting typeface with four styles by the Lettering Shop.

Get it

Loading animation with CSS

Collective74_contad

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

Check it out

Free Font: Public Enemy

Collective74_publicenemy

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

Get it

Free Font: BoB

Collective74_bob

A unique typeface designed by Zarni.

Get it

File Type Icons

Collective74_filetypeicons

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

Collective74_subheads

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

Read it

Backbone.js Deconstructed (Part 1)

Collective74_backbone

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

Table-to-JSON

Collective74_tabletojson

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

Collective74_responsiveimages

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

Collective74_emailvalidation

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

Collective74_chess

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

Collective74_canaryalpha

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

Check it out