Collection of HTML5 Resources to Move You Forward
Design Shack HTML5 Series
Design Shack put together a 4-part series introducing you to HTML5 and its basic features and also explaining the differences from HTML 4.01 and XHTML 1.0 so you can start preparing yourself and your sites for the transition.
HTML5 Gallery is a showcase of websites that are using HTML5 for markup. This way we can see how people have interpreted the specification and how they’ve implemented it. The secondary aim of the website is help people learn about HTML5 and how it should be used and how to implement it.
Dive Into HTML5
Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. I shall publish Drafts periodically, as time permits. Please send feedback. The final manuscript will be published on paper by O’Reilly, under the Google Press imprint (though perhaps under a different title). The Work will remain online under the CC-BY-3.0 License.
Browser Support for CSS3 and HTML5 in A-grade Browsers
David Smith, a web designer and front end developer for DeepBlueSky Digital, put together a great post breaking down today’s A-grade browsers and their support for CSS3 and HTML5. This gives you a great reference of what browsers support (don’t be surprised by IE). The browsers covered are (all testing done on Windows machines, sorry Mac users):
- Firefox 3.5
- Safari 4
- Opera 10
- Google Chrome
- Internet Explorer 6, 7 & 8
html5doctor Helps You Implement HTML5 Today
html5doctor is a collaboration between, Rich Clark, Bruce Lawson, Jack Osborne, Mike Robinson, Remy Sharp and Tom Leadbetter. The site is a great collective resource that caters to people that want to find out more about implementing HTML5 and how to go about it.
Some of their articles to check out include:
- How to get HTML5 working in IE and Firefox 2
- HTML5 Reset Stylesheet
- Semantic navigation with the nav element
- Aside Revisited
- Why designers should care about HTML5
- The Footer Element Update
- Accessibility & Native Drag and Drop
HTML5 PDF Cheat Sheet
Smashing Magazine is one of the best websites on the web covering resources and information for web designers and developers. They don’t let us down when it comes to HTML5 either. This is a handy printable HTML5 PDF Cheat Sheet that lists all currently supported tags, their descriptions, their attributes and their support in HTML4.
Steve Smith on HTML5 and CSS3
Keir Whitaker, on the Think Vitamin website, has an interview with Steve Smith from Ordered List on HTML5 and CSS3. Steve is a recognised authority on front-end development, interface design and is also the co-founder of Sidebar Creative. As an author, public speaker, and University of Notre Dame professor, he is passionate about sharing his knowledge with others.
HTML5: The Future of Web Applications by Bruce Lawson
Bruce Lawson on HTML5 and how the evolution of HTML from versions 1 through 4 and finally into HTML5 – along with canvas, drag-and-drop, video support and other recent additions – puts it in direct competition with technologies such as Flash and Silverlight for rich, engaging internet applications.