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

Collective49_website

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

Collective49_zenpen

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

Carousels

Collective49_carousel

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

Read it

Extra Strength Responsive Grids

Collective49_responsivegrid

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

Check it out
Advertisement

Ouroboros Sass/CSS Spinner

Collective49_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

Collective49_tumblr

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"

Collective49_floatdown

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

Collective49_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

Collective49_stamp

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

Check it out

Free Font: Brooklyn Font

Collective49_font2

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

Collective49_whatwelearned

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

Collective49_ie

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

Collective49_canvas

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

Collective49_columns

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

Read it

Free Font: Capita Light

Collective49_font3

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

Collective49_music

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

Check it out

Flight

Collective49_flight

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

BalanceText

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

Check it out

Onepager

Collective49_onepagerapp

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.Js

Collective49_toolbar

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

Collective49_font1

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

Check it out

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