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.

Posted on March 1, 2011 in HTML 5, Accessibility

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.

Posted on March 9, 2011 in CSS, Accessibility

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.

Posted on March 17, 2011 in CSS, Accessibility

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.

Posted on March 22, 2011 in CSS

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.

Posted on March 31, 2011 in Web Standards, HTML 5, Browsers