Getting Started with HTML 5

By |

Sponsored

 

Now a days browser are improving their support of HTML5.  The chrome 9, firefox 4, ie9, opera 11, safari 5 all are keep on improving on HTML5. But still lot of features are not popularly available. It’s increasingly used for more functional websites with user-friendly interfaces, deliver video faster, or build desktop-level web apps.

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.

Getting Started with HTML5 Tutorial by Dave Woods

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
Part 2
Part 3

Getting Started with HTML5 Video

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

Fun with HTML5 Forms

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

HTML5 Resources

Web Developer’s Guide to HTML5

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

HTML5 Tools

Initializr

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.
Initializr

SproutCore

SproutCore
Image via Wikipedia

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.
SproutCore

Modernizr

Modernizr lets you target specific browser functionality in your stylesheet by adding classes to your element. What’s easy is you don’t need to actually write any Javascript code to use this.
Modernizr

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..

 

Sponsored


Tags: , , , , , , ,


comments powered by Disqus
Comments are closed.