Better Grids for a Responsive World

February 1, 2014

I built a proof-of-concept that sup­ported both mod­u­lar scales and uni­form columns. How­ever, I dis­cov­ered that mov­ing dif­fer­ent sized columns around was nearly impos­si­ble, and the code was clumsy.

Tags: , , ,

An Initiation in Typography

March 4, 2012

In this fas­ci­nat­ing ini­ti­a­tion into visual design and typog­ra­phy. The first chap­ter deals with pro­por­tions: grid sys­tems and typo­graph­i­cal measurements.

Tags: , ,

phiRatio Proportions Calculator

November 2, 2011

phi­Ra­tio is an iOS tool to cal­cu­late dif­fer­ent types of pro­por­tions. Not only cal­cu­lates golden pro­por­tions, it also cal­cu­lates 4:3, 16:9 and 3:2 ratios.

Tags: , , ,

Mystery of Golden Ratio Explained

March 2, 2010

The Egyp­tians sup­pos­edly used it to guide the con­struc­tion the Pyra­mids. The archi­tec­ture of ancient Athens is thought to have been based on it.

Tags: , , ,

The Golden Proportion

January 6, 2010

The golden sec­tion– a pre­cise way of divid­ing a line, music or any­thing else-is showed up early in mathematics.

Tags: , , , ,

The Golden Ratio in Web Design

January 6, 2010

You would be sur­prised to find out that most aes­thet­i­cally pleas­ing designs, works of art, objects and even peo­ple have math in com­mon. Specif­i­cally the Golden Ratio…

Tags: , , , ,

Columns & Grids

April 20, 2009

Arti­cle on Mez­zoblue explor­ing the dif­fer­ent col­umn options for grid based designs.

Tags: , , ,

The Golden Grid

February 18, 2009

The Golden Grid is a web grid sys­tem. It’s a prod­uct of the search for the per­fect mod­ern grid sys­tem. It’s meant to be a CSS tool for grid based web sites.

Tags: , , , , , ,

Building the Golden Grid

February 18, 2009

An arti­cle explain­ing the struc­ture and uses of the Golden Grid, a CSS tool for grid based web sites.

Tags: , , , , ,

Canons of Page Construction

February 3, 2009

The canons of page con­struc­tion are a set of prin­ci­ples in the field of book design used to describe the ways that page pro­por­tions, mar­gins and type areas of books are constructed.

Tags: , , , ,

Five Simple Steps to Designing Grid Systems

December 18, 2008

Five steps that cover the ele­ments which make a suc­cess­ful grid sys­tem and how they can be applied to a num­ber of media outputs.

Tags: , , , , , ,

Why Use a Grid?

December 5, 2008

Grid design is a fun­da­men­tal skill of any designer. Under­stand­ing pro­por­tional rela­tion­ships, white space and com­po­si­tion are all vital in con­struct­ing a grid for any deliv­ery platform.

Tags: , , ,

View Older Entries