Collective #34
Inspirational Website of the Week
This week's inspirational website is Tunebow, a new kind of minimal online radio experience. The simple layout with its extravagant touch and sweet navigation icons makes it our pick this week.
Get inspiredHow To Design A Mobile Game With HTML5
In this Smashing Magazine tutorial, Eoin McGrath shows you how to create a cross-platform mobile game with HTML5.
Read itSplash Vector Graphics on Your Responsive Site
In this HTML5 Rocks tutorial, Alex Danilo shows you the advantages of and how to use SVG for responsive websites.
Read itKera: Guide your Users
Kera lets you build in-app tutorials that can interact with page elements like buttons, text inputs and forms.
Try itRetro Portfolio: Full PSD Pack
To celebrate their 1500th sales of the Retro Portfolio Theme, OpenDept shares the pixel-perfect PSD for free.
Get itFree Font: LSTK Clarendon
Studioelastic gives us their hand-lettered bad-ass version of the English slab serif typeface, Clarendon.
Get itResponsive Grid—A—Licious 3
Since its release as a jQuery plugin back in 2008, Grid—A—Licious has come a long way. And now Andreas Pihlström has completely rewritten it and made it responsive.
Try itCall-To-Action Buttons (PSD)
Michael Reimer offers three styles of beautiful call-to-action buttons for free. The PSDs are easily customizable.
Get themConstraint Validation: Native Client Side Validation for Web Forms
Learn about and how to use HTML5 constraint validation, a native means of implementing client side validation on web forms.
Read itResponsive Sketch Sheets by ZURB
If you are designing responsive layouts, you'll love these responsive sketch sheets by ZURB!
Get themBootMetro: Metro Style Web Framework
If you want your app to have the Windows 8 MetroUI feeling then BootMetro might be interesting to you.
Check it outMovie Icon Set (PSD, PNG, JPG)
A pixel-perfect, beautiful free icon set with 10 movie-related concepts. The icons are released under a Creative Commons Attribution license.
Get itMoving the Still: A GIF Festival
Get inspired by the first ever large-scale, open call for original animated GIFs. This truly is a festival!
Check it outFilepicker.io: Easy File Uploads & Cloud Storage Integration
Filepicker.io comes with a powerful API that will make accessing cloud-stored content easy.
Check it outA Classless Class — On Using More Classes in Your HTML
An interesting article with some fun analogies on why and when using classes in your HTML can be a good thing.
Read itBountify: Get Coding Tasks Solved
"Post a bounty. Get code." That's the slogan of Bountify, a platform where you can post tough coding tasks with cash bounty ($1-250) to motivate fellow hackers.
Check it out3D iPhone 5 Mockup (PSD)
Show your app preview from a different angle with this very detailed and versatile vector-based 3D mockup of the iPhone 5 by Pixeden. Check out the black version, too.
Get itCambelt: Functional Placeholder Images
With Cambelt you can generate functional placeholder images. You can simply set the source "src" property of an image file to Cambelt's website, with the dimensions of the image that you want and it will generate a fitting dummy image.
Try itClassic Photography WordPress Theme
"Classic Photography" is the latest free WordPress theme by Vandelay Design. It has many useful features, it's responsive and you can easily customize it.
Get it34Grid: Responsive Grid System
34Grid is a responsive grid system based on the "equally distributed columns for each row" layout idea.
Check it outRedactor: jQuery WYSIWYG Editor
Redactor is an extremely light and fast jQuery WYSIWYG editor that lets you upload files and images using drag-n-drop, set up auto-save and develop your own plugins and extensions.
Try itRescue.js: Find JS Errors
With Rescue.js you can "kill" all bugs in your JavaScript. It catches the errors that are already happening on your web pages and then they are sent securely to the application servers for you to review and fix.
Check it outIntelligist jQuery Plugin
Intelligist is a jQuery plugin by Scott Robbin that makes it easy to share and demo code in-page, using GitHub gists.
Check it outThe Infinite Grid
Chris Armstrong writes about infinite grids — grids that are made for mediums without fixed dimensions.
Read itFree jQuery UI Themes Collection
A great collection of free jQuery UI themes by WebResources Depot.
Check it outFree Font: LSTK GaraPen Tiny
And another exquisite font by studioelastic.com: LSTK GaraPen Tiny, a sweet tiny font for creepy-cool projects.
Get itFree Font: Bokeh
An interesting font for special design projects.
Get it2400 Flag Icon Set (PNG)
GoSquare released this absolutely epic set of 2400 pixel-perfect flag icons completely for free. It comes in two variants, flat and glossy, and in 5 different sizes.
Get it