Fluid Baseline Grid System

March 4, 2012

An HTML5 & CSS3 devel­op­ment kit that pro­vides a solid foun­da­tion to quickly design web­sites with ease.

Tags: , , , , ,

Fluid Baseline Grid

November 2, 2011

The Fluid Base­line Grid Sys­tem is an HTML5 & CSS3 devel­op­ment kit that pro­vides a solid foun­da­tion to quickly design web­sites with ease.

Tags: , , , ,

Six Column Sandbox

November 11, 2010

A CSS grid frame­work that’s based on a base­line of 1.4x the para­graph text-size, 160px columns, with gut­ters of 20px.

Tags: , , , ,

Sushi & Robots

May 7, 2010

Beau­ti­fully per­sonal port­fo­lio by Jina Bolton that reveals the site grid and base­line grid.

Tags: , , ,

Baseline

August 24, 2009

Base­line is a CSS typo­graphic frame­work that makes it easy to develop a web­site with a pleas­ing grid and good typog­ra­phy and uses a “real” base­line grid as its foundation.

Tags: , , , , ,

CSS with Vertical Rhythm

May 19, 2009

This tool will help you com­pute CSS that has a con­sis­tent ver­ti­cal rhythm.

Tags: , , ,

Baseline Rhythm Deciphered

May 19, 2009

When this occurs, your page is said to have ver­ti­cal rhythm — the text is eas­ier to read than text that doesn’t line up, as it feels more cohe­sive and less disjointed.

Tags: , , ,

Boks

April 7, 2009

An AIR appli­ca­tion that pro­vides a User Inter­face for Blue­print CSS’s frame­work with con­trol over grid con­fig­u­ra­tion and base­line rhythm.

Tags: , , , , ,

Setting Web Type to a Baseline Grid

March 23, 2009

Another excel­lent arti­cle on the Dev Opera site cov­er­ing base­line grids and how they can be applied to the web.

Tags: , , , ,

TypoGridder

February 5, 2009

A jQuery based tool that gen­er­ates an image with a base­line grid based on the line­height of an element.

Tags: , , ,

Gridmaker

December 23, 2008

An online tool where you can spec­ify the width, columns, gut­ter and base­line 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 prin­ci­ple of the base­line grid is that the bot­tom of every line of text (the base­line) falls on a ver­ti­cal grid set in even incre­ments all the way down the page.

Tags: , , , , ,

View Older Entries