Design

• Dochub.io

Basics

• HTML
• CSS (2010 snapshot)

• Mozilla Developer Network
• Introduction to The Web Standards Curriculum - opera
• Web Education Community Group Wiki - w3c
  • Floats and clearing

CSS

tag
.class
#id

display: block - default 100% width, flows vertically
display: inline - consumes width of content, flows horizontally

float - floats element next to containing box or other floated element

position: absolute - out of flow

• Google HTML/CSS/Javascript from the Ground Up Class: CSS Walkthrough

Header, footer

• http://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height

Typography

• http://drewish.com/tools/vertical-rhythm

Accessibility

Headings should not be removed using display:none, because it removes the headings from assistive technology. Instead headings can be made invisible to sighted users using CSS class="element-invisible". [1]

Gradients

• ColorZilla Ultimate CSS Gradient Generator