Design

From Things and Stuff Wiki
Revision as of 22:31, 18 February 2012 by Milk (talk | contribs)
Jump to navigation Jump to search


Basics

HTML5

Page outlines

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

Tips

Resets, etc.

Grid

Vertical rhythm

Typography

Header, footer

Menus

Gradients

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". [3]