Developer News, More

12 New Tools For Html5 Beginers

html5-tools-for-beginer

Here in this post we have put together a list of some great HTML5 Tools for the people who haven’t started with HTML5 and looking for some useful tools to enhance their development skills, this list includes new HTML5 Tools to help them get their projects done faster.

12 New Tools For Html5 Beginers

Popline

Popline is a non-intrusive WYSIWYG editor.It shows up only after selecting a piece of text on the page.Inspired by popclip.It provides commonly used editing features out-of-the-box.

html5-tools

[button url=”https://github.com/kenshin54/popline” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Stretchy

Stretchy gives you easy form element autosizing for responsive designs. It’s completely standalone, works with your existing HTML/CSS, and works in all modern browsers.

html5-tools2

[button url=”http://leaverou.github.io/stretchy/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

BladeRunnerJS

BladeRunnerJS (BRJS) is an open source development toolkit and framework for modular construction of large single-page HTML5 apps. It consists of a set of conventions, supporting tools and micro-libraries that make it easier for teams to develop, test, deploy and maintain complex JavaScript apps.

html5-tools3

[button url=”http://bladerunnerjs.org/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Ruler

ruler.js is an HTML5 ruler plugin that provides a set of ‘photoshop’ like rulers to surround the ‘stage’ of your authoring tools.

html5-tools4

[button url=”https://github.com/MrFrankel/ruler” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Blockrain.js

Blockrain.js is a tetris game in HTML5 + Javascript with autoplay. Just copy and paste a bit of code and you’ll be good to go.

html5-tool5

 

[button url=”http://aerolab.github.io/blockrain.js/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Ideal Forms

html5-tools6

[button url=”https://github.com/elclanrs/jq-idealforms” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Plyr

A simple HTML5 media player with custom controls and WebVTT.

html5-tools7

[button url=”http://plyr.io/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Amalia.js

Amalia.js is a new 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.

html5-tools8

[button url=”https://ina-foss.github.io/amalia.js/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Vizor

vizor

[button url=”http://vizor.io/” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

 

Slides

A tool to make and present HTML5 slides. Supports mathematical equations using MathJax.

html5-tools10

[button url=”https://github.com/kintesh/slides” postid=”” style=”btn-primary” size=”btn-default” target=”_blank” fullwidth=”false”]Sourch[/button]

You Might Also Like

Leave a Reply