Articles by Bruce Lawson

Video: the track element and webM codec

There are a couple of interesting developments in the world of HTML5 multimedia that you’ll be interested in—the webM video format, and a proposed solution to HTML5 multimedia accessibility.

The nsfw element

Among the new semantic elements for section, footer, header and the like, HTML5 also adds an element that can contain any other element and describes it as Not Safe For Work (commonly abbreviated to “nsfw”).

The time element (and microformats)

Microformats are a way of adding extra semantic information to a webpage using HTML classes — information like an event’s date and time, a person’s phone number, an organisation’s email address, etc. They aren’t a “standard” per se, but they are a widely adopted convention within the geek community. And since they use an agreed-upon […]

The section element

We doctors are a bunch of chums using HTML5 and writing about how we do it. And we realise that we’ve been using the section element incorrectly all this time. Sorry.

It’s bug report time!

As HTML 5 begins the last lap to the fabled W3C stage of Last Call, the editor Ian Hickson has requested that any problems with the spec be reported using the Bugzilla tool rather than simply the mailing list. You need to register to use it, and then reply to a confirmation email. That’s it. […]

“Block-level” links in HTML5

One new and exciting thing you can do in HTML 5 is wrap links round “block-level” elements. Find out how this works, why it works with true-life sample code.

HTML 5 + XML = XHTML 5

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 Dead on the telly. But you might not. You might want SHOUTY UPPERCASE tags, no […]

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 […]