Archived posts, March 2011
HTML5 sectioning elements, headings, and document outlines
Getting the document outline you want is not as easy as you might think if you want to use the new sectioning elements in HTML5.
Flexible height vertical centering with CSS, beyond IE7
Using display:table to center a page layout vertically works in most browsers. There is an unfortunate issue with some screenreaders to be aware of though.
Source order and display order should match
Using CSS to change the display order of content without also changing the order in the HTML source can cause accessibility issues and should be avoided.
The CSS3 Flexible Box Layout (flexbox)
The Flexible Box Layout Model allows us to align and distribute boxes vertically and horizontally as well as have boxes flex to use all available space.
X-UA-Compatible and HTML5
If you for some reason have to use the non-standard X-UA-Compatible header to force standards mode in IE, be aware that it is invalid HTML5. Fortunately it is easy to fix.