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 inspiredUIkit
UIkit is an open source, lightweight and modular front-end framework for developing web interfaces made by the YOOtheme team.
Get itcodeshare.io
A fantastic app for real-time code sharing in your browser. Developed by Lee Munroe.
Check it outIs 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 outiOS 7 Wireframe Kit
A very useful wireframe kit for Adobe Illustrator made by Blake Perdue.
Get itPractical Typography
Learn about real typography from this complete online book by Matthew Butterick.
Read it200 Vector Icons
An incredible set of useful vector icons by FreeVector.com for Webdesigner Depot. Pay with a tweet to get the set.
Get itCSS Guidelines
Some general CSS notes, advice and guidelines by Harry Roberts.
Check it outVerbalExpressions
VerbalExpressions by Jesse Luoto is an extremely useful JavaScript library that will help you construct difficult regular expressions.
Check it outlikeastore.
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 outMacbook Template (PSD)
A beautiful MacBook Air PSD template for your next work presentation by David Kovalev.
Get itFree Font: Newgeo
An interesting typeface with four styles by the Lettering Shop.
Get itLoading animation with CSS
A brilliant CSS trick by Lea Verou for recreating the ContextAd loading animation.
Check it outFree Font: Public Enemy
A clean typeface with a unique character designed by Tomas Velez.
Get itFree Font: BoB
A unique typeface designed by Zarni.
Get itFile 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 itSetting subheads with CSS
Learn how to style beautiful subheads with CSS in this tutorial by Marko Dugonjić on Typekit.
Read itBackbone.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 itTable-to-JSON
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 outSimple 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 itGuardpost: 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 outChessBoardJS
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 outAlpha 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