Collective #82

View All

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

Collective 82

Inspirational Website of the Week

Collective82_websiteoftheweek

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

Collective82_imagecompression

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

Collective82_togetherjs

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

Check it out
Advertisement

Addressing The Responsive Images Performance Problem: A Case Study

Collective82_responsiveimgperformance

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?

Collective82_standtomake

"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

Collective82_focus

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

Check it out

7 Habits of Highly Effective Media Queries

Collective82_habitsmediaqueries

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)

Collective82_corporateidentity

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

Get it

A Complete Guide to the Table Element

Collective82_tableelement

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

Check it out

FireShell

Collective82_fireshell

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

Collective82_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

Collective82_sasscolors

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

Check it out

Sloppy UI

Collective82_sloppyui

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

Collective82_responsiveelements

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

Collective82_foundry

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

Read it

Frontify

Collective82_frontify

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

Check it out

Vex Dialogs

Collective82_vex

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

Collective82_freefont2

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

Get it

Free Font: WIKINGG

Collective82_freefont1

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.