Collective #106

Inspirational Website of the Week: Optimo Chicago

A brilliantly designed website with interesting transitions and a very creative way of showing the product. Our pick this week.

Get inspired

Rethinking Responsive SVG

A very inspiring article by Ilya Pukhalski on how to see beyond the traditional way of making SVGs responsive and explore new possibilities.

Read it

What browser am I using?

A fantastic web app that will make it easy to know what browser your client or anybody is using.

Check it out

A Typographic Approach to Email

A brilliant article and experiment on functionally improving email through better typography. By 1910 Design & Communication.

Read it

Animatron

Animatron is an interesting online tool that allows you to create HTML5 animations and interactive content by designing frames on a timeline.

Check it out

ScrollMagic

ScrollMagic by Jan Paepke is a jQuery plugin for scroll interactions. It's a complete rewrite of its predecessor Superscrollorama by John Polacek.

Check it out

Speed Design with Illustrator

Vincent Le Moign will show you why Illustrator is one of the hottest choices for quick interface design. Check out the 14 useful tips and download the free template.

Check it out

PixelBuddha

A brand new, high-quality resource site for professional designers, brought to you by the folks behind Smallicons and Ballicons.

Check it out

Wireframe & UI Kit

Christopher Rowe has designed this UI kit for smarter wireframes that provide more visual cues than the default ones.

Get it

You jacked my scroll bro

Read Matthew Smith's thoughts on "scrolljacking" in this article on Medium.

Read it

How to make a Flappy Bird in HTML5 - Part 1

Thomas Palef will show you how to create Flappy Bird in HTML5 as part of his "one html5 game per week" challenge.

Read it

Select to Switch

A brilliant little script that converts a select input into a on-click switch. Very useful for short lists of options.

Check it out

Lessons learnt building ViziCities

Read about the lessons learnt during the development of ViziCities, the recently released 3D city and data visualisation platform.

Read it

Build with Chrome

Hans Eklund shares some learnings from the "Build with Chrome" project, especially regarding the move from a desktop-only experience to a multi-screen solution that supports both mouse and touch input.

Read it

rowGrid.js

A useful and light-weight jQuery plugin for placing items in straight rows like seen on Google Image Search, flickr, Shutterstock and Google+ images.

Check it out

What We Mean When We Say "responsive"

Lyza Danger Gardner analyses the "responsive" word and the confusion around Responsive Web Design and why we might simply have to drop the expression.

Read it