Drupal development

Basics

• Structure of the .info file
• Default .info values
• Assigning content to regions
• Creating a sub-theme
• JavaScript and jQuery

Templates

• Overriding themable output
• Core templates
• Drupal 7 Template Suggestions
• Theming forms in your theme

D7:

• node.tpl.php
• block.tpl.php

Themes

• http://drupal.org/project/sasson - HTML5, responsive (content first), semantic grid (SASS/SCSS), CSS reset (normalize)
  • sasson.scss

Grid

• compass-960-plugin - grid system used
  • Mastering the 960 Grid System

@import "css3";
@import "960/grid";
@import "base";

$ninesixty-columns: 16;

@include grid(8); - declare an 8 column wide element
@include grid-prefix(2); - add an empty 2-wide element before
@include grid-suffix(2); - add an empty 2-wide element after
@include grid-push(4); - push element 4 to the right
@include grid-pull(4); - pull element 4 to the right
@include alpha; - remove left gutter, for nested grid first element. must got after grid()
@include omega; - remove right gutter, for nested grid last element. must got after grid()