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 inspiredZenPen - 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 outCarousels
An analysis of the omnipresent carousel or content slider by Brad Frost.
Read itExtra Strength Responsive Grids
ESRG by John Polacek is an ultra-strong responsive grid system that will take your grid pain away.
Check it outOuroboros Sass/CSS Spinner
Tom Genoni created some smooth and slick spinners with Sass and he explains some interesting facts about his experiment.
Check it outHow 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 outSimulate "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 itAdvanced 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 itThe main issue
Read about the latest developments of the suggested "main" element in this article by Jeremy Keith.
Read itCSS3 Stamp effect using radial gradients
A very interesting CSS-only method to create a stamp effect using radial gradients behind an image.
Check it outFree 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 outWhat 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 itmodern.IE
Modern.IE is a new set of tools to help you support modern and older versions of Internet Explorer.
Check it outNavigation 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 itCanvas 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 outStep 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 itHow To Create HTML5/CSS3 Columns for All Browsers
Learn how to create a cross-browser columned layout in this tutorial by Jake Rocheleau.
Read itFree 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 outDance to make Music
Create a song when with your (dance)moves. A great experiment by Karen Peng.
Check it outFlight
Flight is a light-weight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.
Check it outBalanceText
A jQuery plugin to provide an alternate text wrapping algorithm that will allow for a better text balancing across lines.
Check it outOnepager
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 outToolbar.Js
Toolbar allows you to quickly create tooltip style toolbars for web applications and websites. You can easily customise it.
Check it outFree 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