It’s been mighty quiet around here at Nuketown, partly because I’ve been super busy at work, but mostly because I’ve been slowly working on the redesign.
My current task is converting the design comps into an HTML/CSS compliant layout. After that, I’ll turn those pages into a functional Drupal 7 theme. The challenge has been that going with what I know, I decided to do the entire site in HTML5 and CSS3 … which means I’m spending a lot of time learning exactly how much I don’t know.
It’s not that HTML5 and CSS3 are earth-shatteringly different — a lot of the key concepts (at least with a simple web page) are the same. The challenge comes with HTML5’s new semantic markup. These are tags like “header”, “footer”, “article”, “section” and “aside” which are designed to give meaning to your markup.
The idea is that instead of just having a whole punch of div tags with IDs like “header” and “footer”, you use actual tags that let your web browser understand that this content is different. This in turn can be helpful for search engines, which know which areas of the site are content rich, as well as for accessibility, as accessible browsers are able to recognize headers, navigation, etc. and present them accordingly.