20 HTML5 tools not to be missed

HTML5 has now become the most popular markup language, with sophisticated communities and extensive browser support, HTML5 complete functionality and strong extensibility that allows designers and developers to Kantiki. More controllable elements, more free interaction design, change the dynamic effect of the heart, rich and vivid multimedia can use HTML5 a palm control.

A more liberal way of building also means that you need to be in control of more things, but fortunately more possibilities also mean more development tools. The 20 development tools recommended below will help you optimize your web and Web apps more easily, and hopefully you'll find the tools you need in this short list! Good luck!

1. Enyo

Enyo is a framework that can help you create high-quality local HTML5 applications, with powerful tools for cross-platform compatibility. The early Enyo was the legacy of the legendary mobile operating system webOS's program framework, and after Palm was acquired by HP, the Enyo development team transformed it into a cross-platform-supported program framework, after which the powerful Enyo team was subsequently included in the Google revenue bag, The reconstructed Enyo team joined LG with HP's mobile development department, and the current Enyo is an important support for LG's webOS Smart TV. Enyo is very powerful and worthy of further study, and you will benefit greatly.

　2. Squire

Squire is a HTML5 Rich text editor, compatible with the standards of different browsers, lightweight and flexible, so that you write a Web page as a general easy to write documents willful!

3. NoMe

Nome is a JavaScript geography and location information base that can be invoked by HTML5. With Nome, getting geographic and weather information you no longer need to call a huge database or use a complex service.

　4. Snap Tomato

You can easily use snap tomato on any device to test HTML5 code. All you need to do is open the editor and write the code, and then preview it in real time on a different tab page.

　　5. Bumpkit

Bumpkit is a DAW library that is still under development and is a set of audio APIs written for Web pages. You can use Bumpkit to create mixers, samplers, and so on.

6. Covervid

Covervid is a simple lightweight jquery extension that allows you to apply video as a picture background to your Web page, which can be easily inserted and applied regardless of the parent element.

　7. Quintus

Quintus is a simple and easy to learn JavaScript HTML5 game engine that can be used on both the mobile and desktop side. This engine can completely collect data and have lots of demos and cases for you to learn.

8. Wad

Wad is a JavaScript library for audio manipulation, with APIs for HTML5 audio control. Wad simplifies the creation, playback, and management of audio files and has an interactive interface close to the desktop-side Daw.

　9. Flexo

Flexo has a standard set of HTML elements and contains a grid system, but even so it is sufficient. The entire flexo only has about 200 lines of CSS code, and half of them control the navigation bar.

Google Web Designer

Google Web Designer is the new tool Google has launched this year for Web developers to help designers and developers create interactive HTML5 Web pages and ads. This is a very modern view of the fear of gain, do not need to write code to achieve functionality, the entire tool is very obviously design-oriented. (There is no doubt that a ladder should be provided here)

　　Zebra.

Zebra makes it a new possibility to develop a rich UI based Web application that allows you to use any UI element you can think of on top of a HTML5 canvas. Zebra's development process is very close to software development, and you can control the entire interface with highly structured, scalable code based on zebra OOP concepts. Here, you don't need to think about HTML, javascrpt, CSS, and Dom. Zebra is based on pure web technology, without the need to install any plug-ins or programs, while Zebra is based on powerful and aesthetically pleasing JavaScript.

　Ceilfire

Ceilfire is a platform for creating HTML5 games and sharing game resources. You can create the game, participate in the game, share the game directly in your browser, no need programming foundation! Ceilfire platform to share free, hands-on operation is also simple.

　Vega

Vega is a declarative format used to create, save, and share visual design. Use JSON to visualize data and to generate interactive pages using SVG and HTML5.

Cloak

If your HTML5 needs a network layer to control the game connection and recover automatically, cloak will definitely meet your needs. Cloak is written using node.js and space is reserved for the system.

Timesheet.js

Timesheet.js is a simple JS library that can help you create HTML tables. With Timesheet.js, you can create visual data tables, management issues, or timelines that contain HTML5 and CSS3 code. Using Timesheet.js you don't have to think about jquery and angular.js, just a few lines of JS code can help you solve the problem.

HAML

Haml is a simple, clean markup language that uses no inline code to generate Web documents, such as HTML, and Haml is primarily used to replace the current embedded Web template systems, such as PHP, ASP, and Erb, and most of the templates in the Ruby on Rails application. Haml avoids writing templates directly with HTML because it is a description of the HTML code and generates dynamic content with some code.

Brunch

Brunch is an assembler for building elegant HTML5 applications with simple but powerful build capabilities and channels. You can use any frame, library, style, template, or engine that you like.

HTML Minifier

HTML Minifier is a highly configurable, fully tested JavaScript-based HTML compressor. Its core relies on the HTML parser written by John Resig, whose parser can handle very complex documents, but occasionally confused by vague statements.

Breach

Breach is a browser for the HTML5 era, written entirely in JavaScript, free, modular, and reusable. All things in the browser are a European-style module that runs as a web app inside it. Choose the right module and you can customize the browsing experience.

　Timejump

Timejump allows you to add some deep links to your HTML5 audio and video podcasts, which are often used in groundbreaking podcasts such as Shoptalk and the ATX Web Podcast.