Take stock of the nine newly emerging HTML5 development tools

HTML5 is regarded as a powerful tool for web developers to create popular web applications, adding support for video and Canvas 2D. The birth of HTML5 also allowed people to re-examine the future of browser-specific multimedia plug-ins, such as Adobe's Flash and Microsoft's Silverlight. HTML5 provides a standardized way to implement the functionality of these plug-ins.

Although the HTML5 standard has not been developed yet, as developers become more interested in HTML5, development tool providers have also begun to follow up. The nine application tools introduced below have been able to help developers integrate HTML5 functions into their programs.

Adobe Edge, which is still in the preview stage, is a design tool for developing dynamic interactive content using HTML5, CSS, and JavaScript. Content can be compatible with both mobile devices and desktop computers. An important feature of Edge is the web toolkit interface, which facilitates ensuring the architectural consistency of the page in different browsers. In addition, Edge will also integrate font services such as TypeKit.

Animations and graphics can be added to HTML elements, and programs can also be extended through Edge's own code snippet library or JavaScript code. Animations can be nested on independent timelines and can also implement interactive functions. Compliance can be taken and controlled through API and code snippets. Content designed through Edge can be compatible with iOS and Android devices, and can also run on mainstream browsers such as Firefox, Chrome, Safari and IE9.

Adobe Dreamweaver CS6 is a web design software that provides a visual editing interface for HTML websites and mobile programs. Its Fluid Grid layout system integrates CSS stylesheet functions to provide cross-platform compatibility for adaptive layouts. Developers can fully implement visual operations of web design without being trapped in code.

Users can not only preview in LiveView, but also provide multi-screen preview function. Developers can view the rendering effect of HTML5 content through the MultiScreen preview panel. Live View supports HTML5 through the WebKit rendering engine.

ColdFusion is a server-side technology used to develop enterprise web programs, creating a rich media user experience through HTML5 technologies such as Websockets, interactive forms, videos and geotags.

Among the tools for developing mobile and desktop applications, Sencha is positioned as HTML5 visual application development. The development team can design, develop and deploy applications in a single integrated environment. Developers can also develop Sencha Touch2 and Ext JS4 JavaScript applications and preview them in real time.

Sencha Touch2 is a mobile application framework and is also regarded as Sencha's HTML5 platform. Developers can use it to develop mobile applications for iOS, Android, Blackberry, Kindle Fire and other platforms.

From an IBM project, Dojo Foundation Maqetta is an open source tool for developing HTML5 applications for desktop and mobile devices, and supports viewing the HTML5 interface in the browser. User experience designers can assemble UI templates by dragging and dropping.

Although HTML5 was not supported at the beginning, Microsoft provided IntelliSense in Visual Studio 2010 SP1 released in March 2011, adding some elements for HTML5.

As a JavaScript integrated development environment with an HTML editor, WebStorm4.0 provides HTML5 boilerplate for developing web applications. Developers can obtain support for HTML5 files when creating HTML documents. For example, the cutter typed. Developers can also preview HTML documents in real time in Chrome.

This development tool is used to develop browser applications, but the library supports many HTML5 functions. Includes support for client or web storage. Other HTML5 features include support for Canvas visualization, as well as audio and video widgets.