Collective #48

View All

CSS Awesomeness * JS Form Validation * OOCSS * Lavalamp Menu * Free Font * Inspiration * Responsive Boilerplate Framework

Collective 48

Inspirational Website of the Week


The Handytest by is our pick this week. The interactive test is based on an interesting navigation and it is beautifully designed.

Get inspired



With the Parsley.js library you can easily validate forms with JavaScript. It's light-weight and highly configurable.

Get it

Sneak Peek Into The Future: Selectors, Level 4


Andrzej Mazur gives us an overview of some future CSS goodness in this Smashing Magazine article.

Read it

The pro's guide to CSS layouts


Peter Gasston gives us an overview of some future layout techniques that will make creating websites for all kinds of devices much easier and smarter.

Read it

Top Drawer


Jordan Moore shows how to create a smooth revealing menu using CSS3.

Check it out

Retina for web workflow


Michiel de Graaf explains how to manage and simplify the extra work that comes with creating websites for retina displays.

Read it


A library that uses the CSS DOM API to access CSS3 keyframe animations, enabling you to control them in your JavaScript.

Check it out

Quick Tip: Store Data in the Browser with IndexedDB


Learn how to store data in the browser using IndexedDB from this tutorial by Martin Angelov.

Check it out



An experiment to control a photo carousel using getUserMedia to watch for swipes left and right with a hand.

Check it out

Css-only Lavalamp-like Fancy Menu Effect


Learn how to create a stylish looking lavalamp menu in this tutorial by Paulina Hetman.

Check it out

Understand the Favicon


Jonathan T. Neal shares what he learned about the favicon in this in-depth article.

Read it

Free Font: Higher


Higher is an interesting display font created by Marisa Passos.

Get it

Setting Up a Local WordPress Testing Environment


A detailed tutorial on how to set up WordPress for local testing by Matej Latin for Tutorialzine.

Read it

Your logo is still an imageā€¦ and so is mine!

Harry Roberts shares his thoughts and insight on which markup is better for a logo.

Read it

Responsive Navigation Menu


Nick La shows us a great technique on how to create a responsive navigation menu without any JavaScript.

Check it out

Responsive Boilerplate Framework


If you want to start your responsive project then this might be an interesting framework for you: an elegant & minimalistic CSS3 grid system, made with only one container and 12 columns.

Check it out

The Future of OOCSS: A Proposal

A great article by Philip Walton with some interesting suggestions for OOCSS.

Read it

Creating 3D worlds with HTML and CSS


Keith Clark pushes the possibilities of CSS by creating a realistic 3D environment using CSS 3D transforms.

Check it out

Tiny Monsters


A really nice little 2D game by Ivan Kuckir written in JavaScript. Your job is to cut small parts from a polygon without touching the tiny monsters inside.

Check it out

Typography for designers


Find great font resources on this collection site, or simply get inspired.

Check it out

Slot machine with jQuery and CSS 3D transforms


Gregor Adams shows us his updated version of a jQuery slot machine, this time in 3D.

Check it out

10 Blurred Backgrounds


A set of free, high-resolution blurred backgrounds (1920x1200px) by Shantha Abeyrathne.

Get it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

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