Tools — November 14, 2011

HTML5 applications are very important for designers and developers. They have to know most of the newly invented applications to improve their capability to design and develop creative web designs. This article shows some resource of important HTML5 Tools for Web Designers and Developers.

Flash to HTML5 Online

The Flash to HTML5 Online easily converts SWF to HTML5 animation, which enables you to play Flash movie in HTML5 compatible browsers that without Flash Player installed. Therefore, you can put the converted HTML5 animation on your website, and let visitors enjoy it normally on PC, iPad, iPhone and other devices that support HTML5.

Initializr

Initializr will generate for you a clean customizable template with just what you need to start!

Online HTML5 Audio Maker Tool

Provides audio solution for different browsers, which enables you to experience audio tag of HTML5 and make different formats audio for different browsers.

Font dragr

A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

Modernizr

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

Sketchpad

An online drawing and painting tool which developed in HTML and JS only. It is a customized tool to editing and drawing the images in the way you want.

Video JS

A HTML5 video player base on JavaScript. It has 3 core parts: an embed code, a JavaScript library and a HTML/CSS skin.

FindmebyIP

A website that list the browsers’ support of HTML5 in details.
Suitable For: people who want to check the specific HTML5 support from different browsers.

LimeJS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

HTML 5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.

Related Articles

About Author

I am a 24 year old Web/Graphic/Flash Designer and Blogger from Calcutta ("Kolkata"), India. I am the founder and Chief Editor of DJDesignerLab (a blog for designers) and Mystrious (News Magazine). You can follow me onTwitter – @djdesignerlab and join me on Facebook.

(3) Readers Comments

  1. Good helping & informative stuff defined for web designer & developer..
    Thanks for sharing the info …

  2. Thanks for writing such a good post. I do came from web design and web development field including 3D modeling and love to read fresh posts on this topics. Thanks for writing such a valuable and informative post. I am now your regular subscriber

  3. It’s great to see HTML5 getting more use and these tips are a good way to start checking it out!

Leave a Reply

Your email address will not be published. Required fields are marked *

*


6 - four =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>