Designing Grid Systems Does Not Begin And End With 960

markboulton — Tue, 07 Jul 2009 21:28:08 +0000

Grid Systems should underpin any well-considered web layout. Applying a cookie-cutter approach to this – but using a CSS framework such as Blueprint or 960 (and the Drupal 960 theme) – means you're cutting out a vital process in the design of your site: the design of the grid system itself.

This presentation will detail my grid design process. Throughout the presentation, I'll cover:

The typographic grid: its history, usage and application on the web
Different types of grid: modular, columnar, hierarchical, rational, irrational,

Day:

Day 2

Speaker bio:

Mark Boulton is a designer from the UK and runs the design studio behind the recent redesign of Drupal.org and Drupal 7 UX (working alongside UX designer, Leisa Reichelt). His life outside of Drupal consists of working for other clients (yes, we do that!) such as ESPN, Warner Brothers and the BBC. He also writes the odd book, runs workshops and speaks at conferences.

Web Typography Fundamentals: From Em Dash to Hanging Punctuation

markboulton — Tue, 07 Jul 2009 21:17:23 +0000

Typography is at the very heart of the web. Unfortunately, web typography generally sucks. This presentation will help anyone – developer or designer – not suck at typography. From Em-dashes to hanging punctuation, we'll cover simple fundamentals of good typography for the web.

What will be covered in this presentation:

Typographic Structure
Hierarchy and language
Whitespace and typographic colour
Typesetting on the web
Tables, lists and forms
@font-face and font embedding

Speaker bio:

DrupalConParis2009 - themers

Designing Grid Systems Does Not Begin And End With 960

Web Typography Fundamentals: From Em Dash to Hanging Punctuation