Unit Grid System

February 1, 2014

An unit­less, fluid, elas­tic, seman­tic, respon­sive, scal­able, debug­gable, declar­a­tive, sim­ple to use grid sys­tem. And… HTML5 and CSS3 ready.

Tags: , , , ,

Grid-Based Web Design, Simplified

February 1, 2014

If you want to reap their ben­e­fits of grids on your next project but are unsure of the specifics, this arti­cle is for you.

Tags:

Marcus Gärde Grid System

February 1, 2014

A new method devel­oped by Mar­cus Gärde to pro­duce grid sys­tems based on old books and scrolls.

Tags: ,

Grids, Design Guidelines, Broken Rules, and the Streets of New York City

February 1, 2014

What do the streets of New York City have to do with web and graphic design? For bet­ter or worse, the grid.

Tags: , ,

GuideGuide

February 1, 2014

GuideGuide is a Pho­to­shop exten­sion that allows you to eas­ily cre­ate grids with guides.

Tags: , ,

A New Canon

February 1, 2014

As with the printed word, the word on screen would ben­e­fit from some rules of form; a new canon of page con­struc­tion for the web.

Tags: , ,

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: , ,

Golden Grid System

March 4, 2012

A fold­ing grid for respon­sive design.

Tags: , , , , ,

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: , , , , ,

The Square Grid

March 4, 2012

A sim­ple CSS frame­work for design­ers and devel­op­ers, based on 35 equal-width columns.

Tags: , , ,

Photoshop Grid Templates

March 4, 2012

A small col­lec­tion of grid tem­plates for var­i­ous devices and com­mon design scenarios.

Tags: , , ,

View Older Entries