As you may have noticed, we’ve not written one of these posts in a while. That’s not down to us not receiving them, though. Government cutbacks have hit health services hard, so decisions had to be made. Well, that and the fact that we’ve all just been manically busy with our day jobs.
Your HTML5 Questions 19
Using Modernizr to detect HTML5 features and provide fallbacks
Modernizr is a JavaScript library that detects which HTML5 and CSS3 features your visitor’s browser supports. In detecting feature support, it allows developers to test for some of the new technologies and then provide fallbacks for browsers that do not support them. This is called feature detection and is much more efficient than browser sniffing. In this article we’ll look at how to use Modernizr for feature detection.
Your Questions #16
The clinic is getting busy with more HTML5 ailments! This week, we’ll cover the separation of formatting and content, custom elements, using aside for social links, sections with no visible titles, and canvas in the DOM.
video + canvas = magic
You’ve already learned about the <video>
and <canvas>
elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them together. I’m going to show off a few super-simple demos using the two elements together, which should help suggest cool future projects for you fellow web authors.
Your Questions #13
The clinic is getting busy with more HTML5 ailments. This week, we’ll cover server-side validation, immutable images with <canvas>
, retrieving drawn objects from a <canvas>
, creating custom tags, the role
attribute, and the effects of <hgroup>
on SEO.
An introduction to the Canvas 2D API
If the video element is the poster boy of HTML5, then canvas is definitely Danny Zuko. The canvas element is (still) part of the HTML5 specification, but the 2D drawing API has been moved into a separate document (in case you go looking and can’t find it).
Your Questions Answered #11
The clinic is busy as ever with more HTML5 ailments. This week, we’ll show you how (and whether) to store a <canvas>
on the server, whether to use <progress>
or <meter>
, more on <header>
, the placeholder
attribute, and HTML5 minification.
Your Questions Answered #10
The clinic is getting busy with more HTML5 ailments. This week, we’ll cover using sections within a footer, <canvas>
vs. Flash security, why HTML5 elements are treated as inline, using offline with storage, and marking up block quotes.
Why designers should care about HTML5
After a while on the fringes of our collective consciousness, HTML5 is finally getting the attention it deserves. The development community (as typified by the SuperFriends) has come together to debate practical elements of the spec, argue over the inclusion of controversial elements, and assess the timeframe over which we can unleash HTML5 in the wild.