Archive for the ‘Structure’ Category

Your Questions Answered #5

We’re back with our first round up of your questions for 2010. In this article we’ll be covering a range of topics including sections and sectioning, the img element, scaling video and a proposal for a field element.

Continue Reading »

Legend not such a legend anymore

Lately I decided I was going to recreate the interactive features of the details element using JavaScript (apparently the same day as fellow Brightonian Jeremy Keith). However I ran in to some very serious issues with the tag, so serious, in it’s current state, it’s unusable.

Continue Reading »

Semantic navigation with the nav element

One of the new elements for HTML 5 is the <nav> element which allows you to group together links, resulting in more semantic meaning for your markup, and help help structure the content for screenreaders. In this article I’ll discuss how and where to use it as well as some reservations I have with the specifications definition.

Continue Reading »

HTML 5 + XML = XHTML 5

(Also available in Spanish Traducción de “HTML 5 + XML = XHTML 5″ and Portuguese.) I like the xhtml syntax. It’s how I learned. I’m used to lowercase code, quoted attributes and trailing slashes on elements like br and img. They make me feel nice and comfy, like a cup of Ovaltine and The Evil [...]

Continue Reading »

Designing a blog with html5

Much of HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog. Firstly what we’ll do is use [...]

Continue Reading »

How to get HTML5 working in IE and Firefox 2

HTML 5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s momentarily forget about the really sexy functionality, like full control over the <video> element, and just focus on getting the elements rendered. The problematic A-grade browsers include IE 8 and below, Firefox 2, [...]

Continue Reading »