HTML5 and CSS3 is very useful language and is used by many designer and developers nowadays. Today we have featured 20+ best HTML5 and css3 tools. This list includes HTML5 and CSS3 cheat sheets, Sketching tools of HTML5, HTML5 forms, CSS3 button maker, CSS3 watch etc.
1- HTML 5 Visual Cheat Sheet
HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by Woork. 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.
2- HTML5 & CSS3 Readiness
A Visualization of how ready different parts of HTML5/CSS3 are for day to day use
3- The HTML5 test
how well does your browser support HTML5?
4- HTML5 Sketch
HTML5 sketch pad is an online sketch application.
5- What’s my IP?
Helps you to find that which HTML5/CSS3 features are supported by your browser and which are not.
6- Button Maker
Drag things, pick colors, make a nice class for your buttons, By using the Button Maker.
7- Deviant art Muro
It is another online HTML5 based application.
8- CSS3 Watch
It is another online HTML5 based application.
9- HTML5 Cheat Sheet
HTML 5 Cheat Sheet lists all currently supported tags, their descriptions, their attributes and their support in HTML 4.
10- Kaltura HTML5 Video Solution
Kaltura has developed a full HTML5 Video Library in use by Wikipedia that works in ALL major browsers, even IE.
11- Initializr
Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template
12- Sproutcore
SproutCore is an HTML5 application framework for building responsive, desktop caliber applications in any modern browser, without having to rely on plugins.
13- Video for Everybody
Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5. It is first HTML5 video player with cross browser compatibility.
14- Zwibbler
Draw stuff and link to it without downloading anything. This online vector graphics application simulates the back of a napkin for sketching your ideas.
15- Switch To HTML5
This script is written in PHP, and provides a usable HTML5 framework to code new or covert old websites.
16- Sizzle
A pure-JavaScript CSS selector engine designed to be easily dropped in to a host library.
17- Fun with HTML5 Forms
A very useful tutorial to show you how to create form using HTML5.
18- Web Browser CSS Support
This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
19- Modernizr
Modernizr adds classes to the html element which allow you to target specific browser functionality in your stylesheet. You don’t actually need to write any Javascript to use it.
20- HTML5 Tracker
Show difference From: To: (omit for latest revision) about editorial changes. SVN, Bug, Comment, Time (UTC). 5944, 12028 alphabetic ordering etc
21- Font Dragr
Drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module and it will be added to the list.
