Collective #12

View All

Creative Fonts * Standards for Responsive Images * Mobile Web Apps * Calendars and Presentations * CSS and Preprocessing * Cookie Law * PSDs

Collective 12

Creative Free Fonts


Cosmo Path Type by Filiz Sahin

Creative Free Fonts


Navia Type by 21LAB

Creative Free Fonts


Stroke Free Font by The Kinetic

Responsive Images and Web Standards at the Turning Point


A solution on how responsive images can be put into practice is currently being discussed with the WHATWG and like Mat Marquis puts it "[t]he markup pattern that gets selected stands to have a tremendous influence on how developers build websites in the future. Not just responsive or adaptive websites, either. All websites."

Read it

Inspirational Website of the Week


The Urban Gap Web Agency will surprise you with all the animations and effects of the beautiful infographics when you scroll the page of the Urban 12 May Challenge.

Take a look

Creating a Mobile Web Application with Meta Tags


Learn about meta tags and how they can be used to turn a website into a webapp.

Read it

jQuery Verbose Calendar


This calendar is not just another jQuery calendar. It's a very different approach to showing and using dates.

Check it out



If you like Impress.js then you'll enjoy Presenteer.js. It's a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks.

Try it

Freebie Button Pack (PSD)


A really lovely button pack by Zan from Nine to Five.

Get it

Weather Forecast Webapp


Learn how to use Geolocation and Yahoo’s APIs to build a simple weather webapp.

Read it

Keep your CSS selectors short


Harry Roberts writes about how to make CSS selectors as dev-friendly as possible by keeping them short.

Read it



A simple wrapper for cross-browser usage of the JavaScript Fullscreen API which lets you show a page or any element in fullscreen. The wrapper is useful for overcoming browser implementation differences.

Get it



Chris Coyier explains how and why SASS is his preferred choice when it comes to CSS preprocessor languages.

Read it

The EU Cookie Law – what to do now


Read this short guide that will help you understand what you have to do on your website in order to comply to the new EU Cookie Law.

Read it

CSS Image Replacement for Retina Display Devices


Learn about CSS Image Replacement Techniques and how to apply them in you mobile website project.

Read it

Cookie Control


Cookie Control enables you to comply with UK and EU law on cookies by obtaining a user's explicit consent for the use of cookies on their computer. There are several plugins available (Wordpress, Drupal, Magento) and you can customize it to your needs.

Get it

jQuery Knob


A slick downward compatible, touchable, jQuery dial.

Get it

The Story of Send


Ever wondered what happens when you click the "Send" button in Gmail? Well, now you can take this visually stunning journey and understand what happens to your message.

Check it out

HTML Shell


HTML Shell is a custom boilerplate HTML5 markup generator. No more time wasted in copy pasting all those lines, now you can simply configure and generate it.

Try it

HTML5 adaptive images: end of round one


More about the responsive images solution proposal and the differences between <picture> and srcset.

Read it

Twitter Bootstrap Button Generator


If you are using Twitter Bootstrap you will love this little generator that let's you create the markup for a custom button.

Try it


Dan Palmer created this jQuery plugin that checks password sensibly, with an improved way of indicating password strength. It calculates a rating for the password based on how difficult it would be to brute-force it.

Get it

World Map & Pin (PSD)


Thom van der Weerd designed this beautiful freebie for Premium Pixels.

Try 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