Collective #51

View All

Opera moves to WebKit * Flat Pixels * Free Fonts * Dark Patterns Library * Website Inspiration * Free Icons * Plugins

Collective 51

Inspirational Website of the Week


Jiouhe Consultancy offers a very interesting scrolling experience. Not the straight scrolling you are used to.

Get inspired

Flat Pixels


A superb essay by Sacha Greif about flat design and skeuomorphism. You'll definitely understand the ongoing debate about these two styles after reading it.

Read it

300 Million Users and Move to WebKit


Big and exciting news from Opera: the 300 million user strong browser will be using WebKit as its rendering engine and V8 as its JavaScript engine.

Read it

Dark Patterns Library


Harry Brignull created Dark Patterns are user interfaces that are intended to trick people. The purpose of the site is to spread awareness, and to name and shame sites that use Dark Patterns.

Check it out


A different kind of color picker where you can explore hex colors in an intuitive way.

Check it out

PeerJS: Peer-to-peer data in the browser


PeerJS provides a complete, configurable, and easy-to-use peer-to-peer data API built on top of WebRTC.

Check it out Interactive Infographics


With you can easily create beautiful looking and interactive infographics.

Check it out

Free Font: Salt & Foam


Salt and Foam is a free typeface that was inspired by surfing, created by Anna Karatcheva.

Get it

Build a Street Fighter Demo with CSS Animations and JavaScript


David Walsh shows you how to use animated PNG sprites with the steps() property of CSS animations for building a rad Street Fighter demo.

Check it out

Responsive Typography


Responsive Typography by Marko Dugonjić is an interesting proof of concept on how face detection can be used to adjust the font size for any given reading distance.

Try it

WebKit is the jQuery of Browser Engines

Read what John Resig thinks about the switch of Opera to WebKit and why he believes that WebKit is like the jQuery of browser engines.

Read it

Setting Weights And Styles With The @font-face Declaration


Laura Franz gives some useful tips and explains some great techniques on how to deal with @font-face weights and styles in this Smashing Magazine article.

Read it

Free Font: PROMESH


Paul Reis created this exquisite athletic font that comes in mesh, regular and stitch style.

Get it

Free Icons: Sunday Market (PSD)


Some stylish and beautiful free icons by Ezhi Stolz.

Get it



Discourse is a new, free discussion platform with an intuitive concept and some great features.

Check it out

threesixty jQuery Plugin


With this jQuery plugin you can easily create draggable 360 views from a set of images.

Check it out



This script allows your website visitors to find links, images, and other content by their synonyms, using the browser’s built-in search.

Try it

Comix I/O


An awesome library for building xkcd-style comic strips using HTML.

Try it

UI Elements


This site provides UI designers with a place where they can download hundreds of free (yet high quality) UI elements.

Check it out

Building Twitter Bootstrap


Mark Otto gives us some insight on how Twitter Bootstrap came into existence and how parallel development and collaboration across teams made it become the powerful tool it is today.

Read it

The progress element


Learn about the interesting progress element from Ian Devlin in this great article by Ian Devlin for HTML5Doctor.

Read it

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