Collective #34

View All

SVG * HTML5 Mobile Game * Free Icons * Inspiration * PSDs * Free Fonts * Grids * Constraint Validation * Metro Style * GIF Festival

Collective 34

Inspirational Website of the Week

Collective34_20

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 inspired

How To Design A Mobile Game With HTML5

Collective34_03

In this Smashing Magazine tutorial, Eoin McGrath shows you how to create a cross-platform mobile game with HTML5.

Read it

Splash Vector Graphics on Your Responsive Site

Collective34_17

In this HTML5 Rocks tutorial, Alex Danilo shows you the advantages of and how to use SVG for responsive websites.

Read it

Kera: Guide your Users

Collective34_04

Kera lets you build in-app tutorials that can interact with page elements like buttons, text inputs and forms.

Try it
Advertisement

Retro Portfolio: Full PSD Pack

Collective34_05

To celebrate their 1500th sales of the Retro Portfolio Theme, OpenDept shares the pixel-perfect PSD for free.

Get it

Free Font: LSTK Clarendon

Collective_34_21

Studioelastic gives us their hand-lettered bad-ass version of the English slab serif typeface, Clarendon.

Get it

Responsive Grid—A—Licious 3

Collective34_07

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 it

Call-To-Action Buttons (PSD)

Collective34_08

Michael Reimer offers three styles of beautiful call-to-action buttons for free. The PSDs are easily customizable.

Get them

Constraint 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 it

Responsive Sketch Sheets by ZURB

Collective34_09

If you are designing responsive layouts, you'll love these responsive sketch sheets by ZURB!

Get them

BootMetro: Metro Style Web Framework

Collective34_01

If you want your app to have the Windows 8 MetroUI feeling then BootMetro might be interesting to you.

Check it out

Movie Icon Set (PSD, PNG, JPG)

Collective34_10

A pixel-perfect, beautiful free icon set with 10 movie-related concepts. The icons are released under a Creative Commons Attribution license.

Get it

Moving the Still: A GIF Festival

Collective34_02

Get inspired by the first ever large-scale, open call for original animated GIFs. This truly is a festival!

Check it out

Filepicker.io: Easy File Uploads & Cloud Storage Integration

Collective34_11

Filepicker.io comes with a powerful API that will make accessing cloud-stored content easy.

Check it out

A 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 it

Bountify: Get Coding Tasks Solved

Collective34_12

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

3D iPhone 5 Mockup (PSD)

Collective_34_24

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 it

Cambelt: 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 it

Classic Photography WordPress Theme

Collective34_14

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

34Grid: Responsive Grid System

Collective34_06

34Grid is a responsive grid system based on the "equally distributed columns for each row" layout idea.

Check it out

Redactor: jQuery WYSIWYG Editor

Collective34_15

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 it

Rescue.js: Find JS Errors

Collective34_16

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 out

Intelligist jQuery Plugin

Collective34_18

Intelligist is a jQuery plugin by Scott Robbin that makes it easy to share and demo code in-page, using GitHub gists.

Check it out

The Infinite Grid

Chris Armstrong writes about infinite grids — grids that are made for mediums without fixed dimensions.

Read it

Free jQuery UI Themes Collection

Collective34_19

A great collection of free jQuery UI themes by WebResources Depot.

Check it out

Free Font: LSTK GaraPen Tiny

Collective_34_22

And another exquisite font by studioelastic.com: LSTK GaraPen Tiny, a sweet tiny font for creepy-cool projects.

Get it

Free Font: Bokeh

Collective_34_23

An interesting font for special design projects.

Get it

2400 Flag Icon Set (PNG)

Collective_34_25

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

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here