10 online tools to simplify HTML5 coding

by Jean.

HTML5 is definitely going to revolutionize the way we create website and web apps. In this article, I have compiled 10 awesome tools to simplify and enhance your HTML5 coding.

Warning: This article is over 4 years old and might not be up to date.

Initializr


Starting anew HTML5-based website? Just visit Initializr to get started. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.
→ visit Initializr

HTML5demos


Want to know if Firefox supports HTML5 canvas? Or if Safari can run the HTML5 simple chat client? HTML5demos will let you know instantly which property can be used on a specific browser.
→ visit HTML5 Demos

HTML5 Tracker


Want to stay connected with HTML5? Stay in touch with the latest revisions by using this tracker.
→ visit HTML5 Tracker

Switch To HTML5


Switch To HTML5 is a basic but efficient template generator. If you’re starting a new project, you should definitely visit this website and get your free HTML5 website template!
→ visit Switch To HTML5

Cross browser HTML5 forms


Forms are indeed an important part of any website. HTML5 features calendars, colour swatches, sliding widgets, client side validation and even more great tools, but there’s a problem: Most browsers do not support all those features. But thanks to this webpage, you can learn how to easily create HTML5 forms which are perfectly cross-browser compliant.
→ visit Cross browser HTML5 forms

HTML5 Test


Is your browser ready for the HTML5 revolution? HTML5 Test will let you know. The website will get you a full report of video, audio, canvas, etc capabilities of the browser you’re currently using.
→ visit HTML5 Test

Lime JS


LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers. Absolutely awesome, a must try!
→ visit Lime JS

HTML5 Reset


HTML5 Reset is a set of files (HTML, CSS, etc) designed to help you save time when starting new projects. Good news, a HTML5 blank WordPress theme is freely available as well!
→ visit HTML5 Reset

CWC Special Deal!

Get one year of quality hosting + domain from A Small Orange for only $40 with our exclusive deal!

Featured WordPress Theme

Debby - Personal Blog WordPress Theme

  • Pretty sweet list of tools here Jean thanks! A couple I had not heard of yet 🙂 Came across this one this morning also, may be of interest?

    http://joshduck.com/periodic-table.html

  • Great List of HTML 5 tools. Thanks for sharing.

  • Hi there,

    thank you for the tips.
    You should have a look to Inuit Css, a responsive/adaptive HTML5 template : http://csswizardry.com/inuitcss/

    Enjoy !

  • I found this post really interesting, thanks! I love html5

  • Thanks for mentioning Initializr! Glad you like it 😉

  • This actually frightens me a bit!

    I think I will have to update the coding of my website but do not have so much time to learn HTML 5.

    Do you know if wordpress is going to provide us with an HTML 5 ready blog theme? That would be awesome.

  • Thanks for compiling this list! I am just starting to use bits and pieces of HTML5, and having a few tools at hand definitely makes things easier!

  • very useful list, I am not very familiar with HTML5 yet but I will be soon 🙂 thanks!

  • thank man, even thought I not dig into html5 yet, but these might useful in the future

  • Well it really helps to understand html5 coding to me.

  • Thank you for this great list. I am about to create a website based on HTML 5. I hope this links will help me a lot with my project.

  • Absolutely love the test… shocking how many good sites ‘aren’t ready!’

  • Jack Ryan

    I would recommend the following website as well:
    http://liveweave.com

    It is the only one that features context sensitive HTML5/CSS3 tags…really cool!

  • HTML5 & CSS has changed the world of web-designing. Great to find this useful list of coding tools.