HTML5 Zone
Did you know? DZone has great portals for Python, Cloud, NoSQL, and HTML5!
HTML5 Zone is brought to you in partnership with:

My name is Jean-Baptiste Jung and I’m a 29 years old web developer and professional blogger. I was born and raised in Paris, France and I now live in Belgium with my wife and our adorable cat. I first used the internet in 1998, built my first website in 2001 and finally started to work as a professional web developer in 2005. In 2010, I left my job and created my own web development studio. jb is a DZone MVB and is not an employee of DZone and has posted 20 posts at DZone. You can read more from them at their website. View Full User Profile

10 online tools to simplify HTML5 coding

01.07.2012
Email
Views: 6558
  • submit to reddit
The HTML5 Microzone is presented by DZone and Microsoft to bring you the most interesting and relevant content on emerging web standards.  Experience all that the HTML5 Microzone has to offer on our homepage and check out the cutting edge web development tutorials on Script Junkie, Build My Pinned Site, and the HTML5 DevCenter.

Related MicroZone Resources

How HuffPost Increased Engagement by 14%

Build Website Engagement Through the Desktop

WebMatrix: Deploy a Website in Minutes

Give your Website Desktop Pinning in Less Than 1 Hour

HTML5 DevCenter: Blogs, Tutorials and Samples

Like this piece? Share it with your friends:

| More

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.

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

HTML5 visual cheat sheet


Need to quickly find a tag or an attribute? Just have a look at this very cool cheat sheet, and you’re done! A must-have for all web developers.
→ visit HTML5 visual cheat sheet

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

HTML5 Canvas cheat sheet


The canvas element is a very important and interesting part of HTML5 as it allow you to draw on the screen. Many new possibilities are up to you, and if you need any help with the canvas element, go get this cheat sheet right now.
→ visit HTML5 Canvas cheat sheet

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

 

Source: http://www.catswhocode.com/blog/10-online-tools-to-simplify-html5-coding

Published at DZone with permission of jb j, author and DZone MVB.

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)

HTML5 is the most dramatic step in the evolution of web standards. It incorporates features such as geolocation, video playback and drag-and-drop. HTML5 allows developers to create rich internet applications without the need for third party APIs and browser plug-ins.  Under the banner of HTML5, modern web standards such as CSS3, SVG, XHR2, WebSockets, IndexedDB, and AppCache are pushing the boundaries for what a browser can achieve using web standards.  This Microzone is supported by Microsoft, and it will delve into the intricacies of using these new web technologies and teach you how to make your websites compatible with all of the modern browsers.

Comments

Kathy John replied on Thu, 2012/02/23 - 10:34am

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!

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Controlling complexity is the essence of computer programming.
— Brian Kernigan