This site is archived.

Accelerated grid theming using NineSixty

Grids are everywhere
Theming, Design & Usability

Accelerated grid theming using NineSixty

45 minutes (+15 minutes Q&A)

Room:

tags

Outline

  • Brief history of grid-based design
  • Philosophy behind 960.gs and how it works
  • Basics of grid-based theming
  • How the NineSixty theme implements and expands on 960.gs
    • Content-first layout using "push" and "pull" classes
    • Dynamic grid widths based on context
    • Debugging tools and grid visualization
    • Right-to-left (RTL) language support
  • Creating versatile, dynamic, and context-based layouts using NineSixty
    • Subtheming NineSixty
  • How to build your own, custom grid system

Goals

Session goals include gaining a solid understanding of what grid design is, how it has evolved since its early beginnings in print, and how it can help expedite the design and templating process.

Image credit

wauter de tuinkabouter on Flickr (CC BY-NC-ND).

Resources

Resources:  960 Grid System (960.gs) NineSixty Drupal theme

Hi Todd, I've been working

3. June 2010 - 10:29

Hi Todd,

I've been working with 960 myself and posted a few blog posts about it (e.g. Thinking 960 -- http://gizra.com/content/thinking-grid-960)

Is there a chance that we could combine forces, so I'll have 10-15min to show how to leverage 960 with Views and Panels -- http://drupal.org/node/780708 && http://drupal.org/node/780782

Cheers,
Amitai

Amitai Burstein