Collective #49

View All

List or not? * ESRG * Free Fonts * Preprocessors * Issues with Main * Stamp Effect * Inspiration * Carousels

Collective 49

Inspirational Website of the Week


The website of Grey Matter Group is our pick this week. The design and marketing firm's online portfolio has a really interesting navigation and some slick effects.

Get inspired

ZenPen - The minimal editor for the modern man


Zenpen is a web app for writing minimally while all information is persistant locally, using HTML5 local storage, and sharable via URL Hashes. It was developed by Tim Holman and it is available on GitHub.

Check it out



An analysis of the omnipresent carousel or content slider by Brad Frost.

Read it

Extra Strength Responsive Grids


ESRG by John Polacek is an ultra-strong responsive grid system that will take your grid pain away.

Check it out

Ouroboros Sass/CSS Spinner


Tom Genoni created some smooth and slick spinners with Sass and he explains some interesting facts about his experiment.

Check it out

How to Make a Tumblr-powered News Ticker


In this tutorial by Martin Angelov you can learn how to develop a widget which cycles through the most recent posts on a Tumblr blog and presents them as news items.

Check it out

Simulate "Float: Down"


A great write-up by Hugo Giraudel on a very specific and interesting layout problem where containers should float vertically instead of horizontally.

Read it

Advanced HTML & CSS: Preprocessors


The Advanced Guide to HTML & CSS has another great chapter that will teach you everything you need to know about CSS preprocessors.

Read it

The main issue

Read about the latest developments of the suggested "main" element in this article by Jeremy Keith.

Read it

CSS3 Stamp effect using radial gradients


A very interesting CSS-only method to create a stamp effect using radial gradients behind an image.

Check it out

Free Font: Brooklyn Font


Paul Reis created this interesting display font that is full of character. It's a calligraphy-based typeface and you can download it for free.

Check it out

What We Learned in 2012


What have we learned in 2012? Read the interesting experiences of some of the authors of A List Apart and find out more.

Read it



Modern.IE is a new set of tools to help you support modern and older versions of Internet Explorer.

Check it out

Navigation in Lists: To Be or Not To Be

An interesting take on the "navigation as list" dogma by Chris Coyier with a great discussion.

Read it

Canvas Query


Canvas Query is a wrapper library for the HTML5 Canvas element which allows it to be used with a jQuery-like syntax.

Check it out

Step by step from jQuery to Backbone

Get a better understanding of the core abstractions in Backbone.js and learn how to properly move from JavaScript to Backbone.js in this in-depth tutorial by Kim Joar Bekkelund.

Read it

How To Create HTML5/CSS3 Columns for All Browsers


Learn how to create a cross-browser columned layout in this tutorial by Jake Rocheleau.

Read it

Free Font: Capita Light


Capita is a serif-dominated face in a new style created by Hoftype. You can get the light version for free.

Check it out

Dance to make Music


Create a song when with your (dance)moves. A great experiment by Karen Peng.

Check it out



Flight is a light-weight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.

Check it out


A jQuery plugin to provide an alternate text wrapping algorithm that will allow for a better text balancing across lines.

Check it out



Easily build a simple beautiful website for your small business with Onepager. They also offer a forever free plan with a limited feature set.

Check it out



Toolbar allows you to quickly create tooltip style toolbars for web applications and websites. You can easily customise it.

Check it out

Free Font: Bispo Nova


Bispo (Nova) is a free font by Jackson Alves. It's a script typeface family made based on italic chancery calligraphy.

Check it out

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