Fluid Baseline Grid System

March 4, 2012

An HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.

Tags: , , , , ,

Fluid Baseline Grid

November 2, 2011

The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.

Tags: , , , ,

Six Column Sandbox

November 11, 2010

A CSS grid framework that’s based on a baseline of 1.4x the paragraph text-size, 160px columns, with gutters of 20px.

Tags: , , , ,

Sushi & Robots

May 7, 2010

Beautifully personal portfolio by Jina Bolton that reveals the site grid and baseline grid.

Tags: , , ,

Baseline

August 24, 2009

Baseline is a CSS typographic framework that makes it easy to develop a website with a pleasing grid and good typography and uses a “real” baseline grid as its foundation.

Tags: , , , , ,

CSS with Vertical Rhythm

May 19, 2009

This tool will help you compute CSS that has a consistent vertical rhythm.

Tags: , , ,

Baseline Rhythm Deciphered

May 19, 2009

When this occurs, your page is said to have vertical rhythm — the text is easier to read than text that doesn’t line up, as it feels more cohesive and less disjointed.

Tags: , , ,

Boks

April 7, 2009

An AIR application that provides a User Interface for Blueprint CSS’s framework with control over grid configuration and baseline rhythm.

Tags: , , , , ,

Setting Web Type to a Baseline Grid

March 23, 2009

Another excellent article on the Dev Opera site covering baseline grids and how they can be applied to the web.

Tags: , , , ,

TypoGridder

February 5, 2009

A jQuery based tool that generates an image with a baseline grid based on the lineheight of an element.

Tags: , , ,

Gridmaker

December 23, 2008

An online tool where you can specify the width, columns, gutter and baseline of your grid and then save it locally in JPG format.

Tags: , , ,

Setting Type on the Web to a Baseline Grid

December 9, 2008

The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.

Tags: , , , , ,

View Older Entries