Monday morning sponge #2

Episode two of my Monday morning sponge; this week it’s HTML5! I have been trying to get to know the HTML5 specification for the past year and now that it is in “Editor’s Draft”, we are getting closer to the spec being nailed down (it could still be months before we reach W3C Recommendation status!).

That said, many people are already looking at ways they can start to use HTML5 components now, so get sponging!

• HTML5 Elements and Attributes A complete list of HTML5 Elements and Attributes for quick reference.
• HTML5 Doctor This site publishes articles relating to HTML5, its semantics, and how to use it right now. They also invite questions via Ask the Doctor.
• HTML 5 Reset Stylesheet reset CSS based on Eric Meyer’s version updated to include new HTML5 tags.
• IE HTML5 enabling script The all important HTML5 enabling script for Internet Explorer. Without it, IE will not undertand what these new elements are!
• HTML5 structure—div, section & article An in-depth look at the document structures that fall out of the HTML5 spec, using HTML5’s new sectioning elements.
• HTML5 structure—nav, aside, figure & footer A look at <nav>, <aside>, <figure> and <footer>, before looking at sectioning content, heading content and outlines.
• Headings in HTML 5 and accessibility How headings are intended the work in HTML5. Sadly at the time of writing, having more thank one H1 on the page may cause issues for screen reader users!
• Input attributes browser support Test your browser to learn what input attributes it supports. The HTML5 spec now includes some great additions to mark-up common input fields like email.
• HTML5 Forms Great post by Inayaili de León about styling beautiful HTML5 forms using some advanced CSS and latest CSS3 techniques.
• Enhance your web forms with new HTML5 features This article shows you exciting new HTML5 features to improve your forms and make them more functional and user-friendly.
• Getting Started with HTML5 Video HTML5 Video. It just sounds sexy. This should provide a great place to start for anyone wishing to use HTML5 video.
• HTML 5 Outliner Outline the document mark-up based on the new HTML5 elements. Great for viewing the structure of your page.
• HTML5 pocket book A handy little reference guide from Jeremy Keith for HTML5 elements. Something I have used a lot to quickly reference as I have played around with HTML5.

Checkout my bookmarks for more HTML5 related links.