10 online tools to simplify HTML5 coding
Join the DZone community and get the full member experience.
Join For FreeHTML5 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
Opinions expressed by DZone contributors are their own.
Comments