HTML5 and CSS3 are pretty much here to change the way web development has been happening over the years. They include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg.Below is a comprehensive list of resources, tutorials, guides, tools and more that can help you master HTML5 and CSS3 the right way. Please do leave me a feedback, do comment. If i have missed out on any please do let me know.

HTML5 Resources

HTML5 Visual Cheat List

visual-cheat-sheet-html5-css3-tools-generators

1) Getting started with html5

2) Getting started with html5 with example

3) HTML5 Overview

4) Great HTML5 Resource

5) Browser Compatibility Test with HTML5

6) Great HTML5 Demos

7) HTML5 Powered Websites Gallery

HTML5 Cheatsheet

9) HTML5 Showcase

10) HTML5 Code refernce Guide

CSS3 Resources

Browser Support Checklist

web-designer-checklist-html5-css3-tools-generators

11) Getting started with CSS3

12) CSS 3 Previews

13) CSS3 Cheat Sheet

14) Cross Browser Rule Generator

15) CSS3 Demos

16) CSS3 Tutorials

17) CSS3 Code generator

18) CSS3 Gallery

19) CSS Website showcase

20) CSS3 Browser Compatibility

HTML5 & CSS3 Together

The Power Of CSS3 & HTML5

power-html5-css3-tools-generators

21) Browser Compatibility

22) Free HTML5 & CSS3 Template

23) The experience

24) Tools, resources and frameworks

25) 10 things to learn from CSS3 & HTML5

26) Books To Watch Out For On CSS3 & HTML5

27) Dreamweaver CS5 embraces HTML5 & CSS3

28) Free HTML5 & CSS3 Templates collection

29) The website showcase on HTML5 & CSS3

30) Website Gallery on HTML5 & CSS3