Site redesign using Semantic HTML and CSS

This session is about moving an existing site into semantic HTML and CSS. By reducing the complexity (and mess) of the pre-existing HTML and moving the design into CSS broken into separate files, the site should be cleaner, better structured and more maintainable.

Slides for this session (PDF) (Cut down version without all the CSS explanations)

Slides for this session (PDF) (Full set of every slide that’s used)

Semantic file with div structure (PDF)

FOB semantic with div (HTML)