The document discusses using the 960.gs CSS framework for Drupal theming. It provides an introduction to CSS frameworks and their benefits, including making development easier and more scalable. It then describes the basics of grid-based design and how 960.gs works with 12-column and 16-column grids. It shows some examples of common layouts and how to implement grid classes. Finally, it briefly discusses the NineSixty Drupal theme which implements 960.gs and the ns() function for generating grid classes.

1. Drupal theming via 960.gs BY: Gaurav Mishra

2. Introduction about 960.gs – A CSS framework CSS frameworks are “ a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused. The goal here is to allow the designer or developer to focus on tasks that are unique to a given project, rather than reinventing the wheel each time around.“ -Jef Croft

5. Grid-based design

6. Grid-based design

7. Grid-based design

12. How grid based layout looks like ?

13. Layout A: Content left, sidebar right (12 col)

14. Layout B: Content left, sidebar right

15. Layout C: Content with two left sidebars (12 col based)

17. Layout C: Content with two left sidebars (12 col based)

21. Implementing Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)

22. The NineSixty theme Download from http://drupal.org/project/ninesixty

24. LOOking in Page.tpl.php Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)

25. <div id=main> @page.tpl.php Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)

26. Question O_O pleaseZzz / Feedback Do have fun  with theming