This article was published 9 years ago, therefore the contents of this post may be out of date.

HTML5 lets developers deliver in-browser experiences that previously required either separate apps or additional software but today It’s especially useful because it supports video and geo-location services, including touch features among other elements, attributes, and behaviors.

Today’s roundup list are some greatest and newest HTML5 Tools for the people who are just starting out with HTML5 and are looking for some useful tools to enhance their skillset, In this list are some new HTML5 Tools that will help them get their projects done faster so that they have more time to learn even more stuff.

1. Vizor

vizor

Vizor is a visual programming environment for WebGL, WebVR and other HTML5 APIs. It features live preview, data flow visualization, network communication, publishing, unlimited undo, and a catalog of presets that can be used as modular building blocks. complex logic can be nested in subgraphs and they can be rendered directly to a specific render target, or simply used as a texture, loops are modeled as nested graphs that are evaluated once per loop iteration.

2. Remote Control

Remote-Control

Remote Control is a tool to control the slides of your HTML5 presentation through a cell phone. Remote Control is based on WebSockets, so you may have a good and modern browser, like Firefox, Chrome or Opera. The phone send a message through WebSockets to the server. The server receives the message as an action that must be executed, like ‘next’ or ‘previous’. These actions are emited to the HTML5 presentation.

3. Plyr

plyr

Plyr is a simple HTML5 media player with custom controls and WebVTT captions. It’s a lightweight, accessible and customisable media player that just supports modern browsers. Sure, there are many other players out there but they made it to keep things simple, using the right elements for the job. There is full support for captions and screen readers.

4. Amalia

amalia

Amalia.js is a extensible and versatile HTML5 multimedia player that allows you to view any type of metadata along with your video or audio streams. It follows the responsive design guidelines. Amalia.js video player packaged with all third party libraries and some examples, all source code and build scripts, allowing you to modify the plugins and learn how to create your own.

5. Animatron

animatron

Animatron is a simple and powerful online tool that allows you to create stunning HTML5 animations and interactive content, It lets you import artworks, SVG or images and drag objects from library,you can create custom shapes with Pathfinder, split project into multiple scenes, draw with drawing tools, import sound and adjust animation with timeline.

6. Konva

Konva

Konva is a 2D HTML5 canvas framework for creating desktop and mobile apps. It has an object oriented API, layering support, tween and animation support, filters, and custom shapes, among other features.

7. HTML5test

html5test

The HTML5 test score is an indication of how well your browser supports the HTML5 standard and related specifications. Find out which parts of HTML5 are supported by your browser today and compare the results with other browsers.

8. Workless

workless

Workless is a HTML5 and CSS3 framework. It helps complete your projects as fast as possible with its great features. Workless provides icons, buttons, labels, backgrounds, forms, and more.

9. Popline

Popline

Popline is a HTML5 Rich-Text-Editor toolbar. Popline is inspired from popclip. Compared to traditional RTE, popline will float around the selected text. Popline also support View Mode, you can send a twitter, a facebook message, pin an image to pinterst, search with google in View Mode.

10. HTML5 Please

HTML5-Please

HTML5 Please helps you to search for a feature that you are looking to use and find out how to do so. If you think our recommendation is incorrect, you can edit the recommendation for each feature and send a pull request.

11. Onsen UI

onsen-ui

Built on top of AngularJS, Onsen UI is open source, free and open for all. Onsen UI is designed and implemented to deliver unprecedented user experience for your apps. Applications can be built using HTML tags web developers already know and love. We love AngularJS and all the power it brings. But we’ve also added support for JQuery so developers less familiar with AngularJS can take advantage of Onsen UI, too.

Onsen UI also includes Onsen CSS Components, a free resource of UI templates with “theme roller” functionality. Developers can pick and choose, grab the code they need, and they’re off and running. And they can create their own templates and submit to Onsen UI to be included with other templates available.

12. Hyhyhy

hyhyhy

Hyhyhy is a tool for creating nice looking HTML5 presentations. It comes with a broad range of features: Markdown, Nested slides, Math typesetting, Compatibility, Syntax highlighter, Javascript API, Convenient skeleton. It supports Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11.

Share

12 Great New HTML5 Tools for Developers