For a web developer it is now essential to adopt and start your projects on HTML 5 also. But there comes the cross browser issues. We cannot completely forget older browsers. so an html5 project must be backward comparable. also must be working on all the browsers. Here are 10 essential HTML5 getting started guides, resources and tools from spekyboy.
Getting started with HTML 5
For start HTML5 you need a set of frameworks and tools for cross browser support.
A simple tutorial for getting started with HTML5. It goes through adding the HTML5 doctype, the head and body sections, the header and nav elements, the article, section and hgroup elements, the aside element, and the footer element.Code snippets are included.
Getting Started with HTML5 Tutorial by Dave Woods
Getting Started with HTML5 Tutorial by Devlounge (Part 1, 2 and 3)
Another tutorial for getting started with HTML5 – a simple and useful 3-part tutorial. It provides you with code snippets while holding your hand through through adding and using the HTML5 elements: doctype, script, style, header, nav, article, section, aside, and footer. Includes explanations for all of the elements.
Getting Started with HTML5 Tutorial Part 1
A Think Vitamin tutorial that answers the question of why use HTML5 video—especially when Flash video is so prominent—and then gets into how to use HTML5 video on your website. It gives you code snippets for you to insert to make the job easier.
Getting Started with HTML5 Video
A Think Vitamin tutorial that shows you how to build useful and sexy web forms step-by-step. It uses an email opt-in form as an example, illustrates every step, and gives you sample code. After showing how to create functional side, it then dives in and shows you how to make your forms pretty.
Fun with HTML5 Forms
The official W3C (World Wide Web Consortium – the fancy-sounding organization) guide to HTML5. More specifically, it shows how to write simple and practical HTML5 documents and web applications. It also offers in-depth information for the advanced folks out there who are into that kind of stuff.
Web Developer’s Guide to HTML5
Initializr is an HTML5 templates generator that helps you get started with your HTML5 project. It does that by generating a clean customizable template with just what you need to start. Initializr is based on the HTML5 Boilerplate template.
SproutCore is an HTML5 application framework which lets you simply create desktop-level applications for modern web browsers. Plus you don’t have to rely on any plugins when building your web applicaton using SproutCore.
HTML 5 Theme for WordPress 3.1
A convert of the default WordPress theme Twentyten to HTML 5 is available in http://www.twentytenfive.com/ to download. You can read a good tutorial how to convert your wordpress theme into html5 in smashingmagazine.
To get HTML5 simply just replace the divs with article and sections. But you can do more..
- Seven Tools To Start Your Hassle-Free HTML5 Project (smashingapps.com)
- Robert Houtenbos: Initializr – Start your HTML5 project in 15 seconds! ()
- HTML 5 Reset – A quick start to HTML5 (ranjith.zfs.in)
- HTML5 Tutorials and Techniques That Will Keep You Busy (noupe.com)
- HTML5 To Be Finished By 2014 (kwiksocial.com)
- RGraph – Powerfull HTML 5 Graph Library (ranjith.zfs.in)
- HTML5 Boilerplate: A rock-solid default for HTML5 (konigi.com)
- Will Google Oppose DRM On HTML5 Video? (news.slashdot.org)
- Ie9 & Html5 (sathyasays.com)
- HTML 5 Just Wants to Be HTML From Now On [Internet] (gizmodo.com)
- Crocodoc Launches HTML5-Based Document Viewer With Annotations, Embeds, And Its Own API (techcrunch.com)