为Web设计师准备的21个最好的HTML5工具

Best HTML5 Tools For Web Designers

Onsen UI

Onsen UI is a front-end development framework for PhoneGap/Cordova hybrid apps. It focuses on the creation of usable mobile applications. Also, used with Monaca, it is simple to develop backend features and add device support. Onsen UI is developed using Angular.js and Topcoat. Due to its robust architecture structure for mobile applications, you can take advantage of the powerful features of Angular.js.

Chart.js

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.

CrossWalk

Crosswalk is a web runtime for ambitious HTML5 applications. It provides all the features of a modern browser, combined with deep device integration and an API for adding native extensions. It is especially suited to mobile devices, with support for both Android and Tizen.

Radi

Radi is a awesome visual design application creating websites with standard and human-readable HTML + JavaScript code. It has built-in tools for creating/editing graphics (they can be imported too) and generating animations with output that work in all modern browsers including mobile.

Gauge.js

Gauge.js is a slick script for creating animated gauges with JavaScript (Coffeescript) in HTML5 canvas. The script is standalone (jQuery is supported but not required) and doesn’t use any images or CSS.

SproutCore

SproutCore is a front-end framework for building HTML5 apps rapidly. It follows the MVC architecture pattern and promises its users the ability to craft native-like user experiences for the Web.

JS CAPTURE

JSCapture is screen capturing library implemented with pure JavaScript and HTML5. It allows you to make screenshots and record a video of your desktop from your browser. JSCapture uses getUserMedia for screen capturing. Currently the API for screen capturing is supported only by Google Chrome, Canary and Chromium by enabling an experimental flag.

Mozilla

Purple Motion

Create STORYLINE publications that fully engage your readers through user controlled animations and a seamless blend between text, audio, video, pictures and further assets. With Purple you are able to create scrolling-based storytelling without any coding. Start today and tell your stories the right way.

HTML 5 MAKER

Animations with Responsive Support that will work on all devices with different screens. Make your website more Attractive and Intuitive using the Excellent Slider.

Framework 7

Framework7 is a fully featured HTML framework just for building hybrid (Phonegap) and web-based apps with a native iOS7 feel. It’s lightweight and flexible and uses Ajax for navigation between pages you will need a server. So to make it work you should put dist folder (or Kitchen Sink) on a server. Or, as an option, you may use Grunt’s server.

Molecule

Molecule framework has been built for enthusiast game developers with more than five years of experience on mobile gaming and more than ten on general game development. Due the better compatibility of mobile browsers with actual html5 specifications and the natural evolution of the hardware inside them, html5 mobile gaming arise as a true possibility nowadays; that it’s given rise to Molecule, which borns from the idea of create a simple yet powerful framework to build html5 cross-platform games on an easy and efficient way.

Ink

Ink helps you quickly create responsive HTML emails that work on any device & client. You can reach out your tentacles to a broad range of people who subscribe to your emails. The CSS framework helps you craft HTML emails that can be read anywhere on any device.

Mixeek

Mixeek is a free software tool for designing and executingweb animations and interactive animated web applications. It is purely based on JavaScript, CSS3 andHTML5. It’s been developed to bring lightweight, easy to use alternative to well known paid animation software tools.

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

Edge Animate

Edge Animate lets web designers create interactive HTML animations for web, digital publishing, rich media advertising and more, reaching both desktop and mobile with ease.

HTML 5 TEST

PuzzleScript

PuzzleScript is an open-source HTML5 puzzle game engine.

Mugeda

Using Mugeda’s industry leading authoring toolkit, advertisers and agencies can fully unleash their creativities and create top-notch professional rich media ad units, including banners, interstitials, expandables, and mini games. Such rich media campaigns bring unique experiences to mobile audience with justified performance improvement in engagement rate and conversion rate. Mugeda ad units are MARID 2.0 compliant.

Tumult

Using Tumult Hype, you can create beautiful HTML5 web content. Interactive content and animations made with Tumult Hype work on desktops, smartphones and iPads. No coding required.

Sencha

Sencha Animator is a desktop app to create CSS3 animations for WebKit browsers and touchscreen mobile devices. Create rich experiences for today’s most popular devices.