August 2010

960 Grid System Photoshop Action

These actions will cre­ate a Pho­to­shop doc­u­ment ideal for lay­ing web­sites out in 12, 10, 8, 6 and 4 columns.

August 23, 2010 / Posted in Tools /
Tags: , , ,

iPhone Grid System

A 12:8 (480:320) mod­u­lar grid sys­tem for the iPhone, with the unit of 40px and the gut­ter of 5px.

August 23, 2010 / Posted in Tools /
Tags: , ,

30 Grid-Based WordPress Themes

In this arti­cle we have 30 Word­Press themes have been devel­oped using a pop­u­lar CSS Grid Frame­works such as the 960.gs, Blue­print, YUI2 and The Golden Grid.

August 23, 2010 / Posted in Articles /
Tags: , , ,

Design & Build a Grid Based Web Design with CSS

Step by step walk­through of the design and build process of a grid based Word­Press theme. From the ini­tial Pho­to­shop con­cept, through development.

August 23, 2010 / Posted in Articles /
Tags: , , ,

About

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

Created by Antonio Carusone, graphic designer and author of the design and typography blog AisleOne. Special thanks to Duane King for his help and wisdom.

For general inquiries or submissions, please send an email to: hello@thegridsystem.org

Subscribe

Want to stay updated with the most recent content? Subscribe below via email for daily updates or to the RSS feed.

Archives

Colophon

Goodies

Designers Bookshop

Grid Calculator

Thinking For A Living

Advertising

Basic Maths

Basic Maths

The Grid System Flickr Group

  • New Alphabets A to Z
  • GPIB Bethel bulletin alt cover 3
  • You are not your iPad sleeve
  • grids are for squares
  • Celulites 02
  • Sítio Virtual - Njovem - Malha
  • étapes
  • Graphic design education
  • Seios 03
  • Perguntas Beleza 04

TypeNeu

Advertising

Blanka

Advertising