Collective #82

View All

Responsive Images * Media Queries done right * FireShell * TogetherJS * Mapael * Responsive elements * Frontify

Collective 82

Inspirational Website of the Week


The website of graphic and web designer Pauline Osmont has very interesting hover effects and creative transitions. Our pick this week.

Get inspired

Image Compression for Web Developers


Colt McAnlis dives into the topic of image compression for web developers, how important it is to optimize images and how to choose the right format.

Read it



TogetherJS is a Javascript library by Mozilla that adds collaboration features and tools to your website allowing for real time interaction.

Check it out

Addressing The Responsive Images Performance Problem: A Case Study


In this article Anders Andersen and Tobias Järlund explain the "padding-bottom" responsive image technique which they have implemented on the mobile version of a Swedish news site.

Read it

What do you stand to make?


"What do you stand to make" is a great interactive tool by Hamish Macpherson for calculating ones earning potential. Great UI with a natural language based form.

Check it out

Focus transition


Nikita Vasilyev shares this neat transition idea when focusing on links and input elements.

Check it out

7 Habits of Highly Effective Media Queries


Some great advice on how to maximize the efficiency of media queries with some very useful references by Brad Frost.

Read it

Corporate Identity Mockup (PSD)


A beautiful and complete corporate identity mockup by Simon von Allmen.

Get it

A Complete Guide to the Table Element


A very thorough and complete guide to the table element by Chris Coyier.

Check it out



With Fireshell by Todd Motto you can get started with you project quickly using HTML5 boilerplate, Sass OOCSS setup and Grunt.js.

Check it out

jQuery Mapael


jQuery Mapael by Vincent Brouté is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.

Check it out

A visual guide to Sass & Compass Color Functions


Learn visually about the Sass & Compass color functions from this guide by Jackie Balzer.

Check it out

Sloppy UI


A blog that collects glitches in UIs of iOS apps. Great resource for seeing what can go wrong and avoid mistakes.

Check it out

Responsive elements


Responsive elements by Kumail Hunaid is a great little JavaScript library that allows elements to adapt and respond to the area they occupy.

Check it out

The design process of my ‘Collections’ WordPress theme for The Theme Foundry


A very detailed and extensive article on the design process of the Collections theme by Veerle Pieters.

Read it



With Frontify you can interactively specify designs and generate living front-end style guides.

Check it out

Vex Dialogs


Another great library by HubSpot: A modern and tiny dialog library for easily styleable dialogs with lots of options and a simple API. Made by HubSpot.

Check it out

Free Font: ROUNDA


Ina Dimitrova designed this creative typeface inspired by the circle shape.

Get it

Free Font: WIKINGG


Wikingg is the first type project by Slava Krivonosov. A unqiue uppercase font.

Get it

Would you like to become a Collective sponsor?

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

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.