As part of my passion workout routine on Monday’s I want to work on my HTML/CSS abilities since I am really passionate about web development. Today I decided to focus on HTML 5 and CSS 3 as I’m still unfamiliar with many of the new changes coming up and they ARE the future, right? (Looking at you xhtml2)

1 . Coding A HTML 5 Layout From Scratch

A really clean web 2.0 design from scratch. Only thing with this tutorial is if you wan’t the images he used you have to go to his final product and right click, save image as on them. Would have been nice to have a little zip file with everything included but the tutorial itself is very good. Also includes some extra reading on HTML5/CSS3 and a word on Progressive Enhancement and Graceful Degradation.

2. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

Another great tutorial. I really like the author’s use of rounded corners and shadows to really show off some neat CSS capabilities. Source files and Demo of the final product readily available making this tutorial fun, easy and concise.

3. Designing A Blog With HTML 5

This design focuses on the structural and form elements of html 5 and doesn’t actually go into CSS. Great read for getting the logic of the structural and date/time elements.

4. Introduction to CSS3

This is actually a 6 part tutorial introducing many of the new modules of CSS 3. Similar to the previous tutorial, this one covers only CSS 3 and not really any structure markup. Very useful reference for designing with CSS3.

5. Get Started With CSS 3

Another CSS 3 only tutorial. Covers many of the same things as the previous tutorial but also covers image/video masking. Repetition is important in learning + who doesn’t love WebMonkey?