Here’s a cool, short vid I watched when beginning this week just to explain the awesomeness.
Anyways, the best way I like to learn is trial and error, guess and check, visually create and watch how it doesn’t work (the last one is probably the closest comparison). With that said, I transitioned my old personal profile site (which is rather ugly and completely unfinished) and changed it over to HTML5/CSS3. Yah me!
The biggest transition are the tags. HTML5 requires less information for the webpage to work (DOCTYPE) and the tag used in the site require less ‘divs’ more specify better to the function of information put onto the site. So, instead of naming a div class “head” for my header, all I need is <header>. Absolutely brilliant!
Working through my old site I realized I was already transitioning over to HTML5 without knowing. This was probably due to Google searches and the most recent information popping up that I need was the new and improved HTML5.
Also, I transitioned all stylesheets, minus the jQuery files, into one. Do I need to explain why? Less work people!
If you’re looking to see how these websites work, check out this gallery. All the sites you see are created in HTML5, and if my site were prettier I would be on there to.