Web开发人员不容错过的10个HTML5工具

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web开发人员不容错过的10个HTML5工具相关的知识,希望对你有一定的参考价值。

html5已经成为当今世界的一个必定组成部分。由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之中的一个。随着网络的不断扩张,Web开发者很有必要拥有最新的HTML5工具,用于创建动态和交互式的Web应用程序和网页。以下这些就是你不应该错过的新的HTML5工具。

1.Timesheet.js

Timesheet.js是一款用于创建使用javascript库的HTML工作流的简单工具。你能够加入可视化和转换到使用CSS的事件。Timesheet.js特别好使,由于它仅仅须要几行JavaScript,就能生成美丽的HTML布局。

技术分享

官方站点:http://semu.github.io/timesheet.js/

2.Zebra

Zebra是一个基于HTML5的工具。可用于创建基于Web的用户界面应用程序。仅仅有你想不到,没有它做不到。

Zebra还是那些须要client插件才干工作的flash和小程序技术的替代品。Zebra纯粹基于网络。

技术分享

官方站点:http://www.zebkit.com/

3.Google Web Designer

此新工具由互联网巨头谷歌公布,旨在帮助那些没有HTML5语言背景知识的人创建互动的HTML5站点。该工具能为你提供全部的编码服务。全部你须要做的就是发挥你的想象力。假设你仍然想自己动手编写一些代码,那么也能够编辑生成的HTML5用于不同的输出。

技术分享

官方站点:https://www.google.com/webdesigner/

4.Brunch

Brunch是强大的汇编程序,它能让你用一种简单而强大的方式构建精致外观的HTML5应用程序。Brunch能高速产出最稳定的应用程序。

技术分享

官方站点:http://brunch.io/

5.NoMe

NoMe是用于訪问地理位置和使用HTML5的相关数据的JavaScript库。由于它无需下载大量的数据库到本地计算机,所以能为你进入位置和天气信息时跳过不少麻烦。

技术分享

官方站点:http://nomejs.com/

6.Snap Tomato

这款新HTML工具同意你在不论什么设备上測试你的HTML5代码。

Snap Tomato简单易用,由一个编辑器和一个单独的标签组成,标签能够让你实时预览正处于编辑器窗体下的网页。

技术分享

官方站点:http://snaptomato.appspot.com/

7. Gauge.js

Gauge.js是用于创建使用JavaScript自己定义动画的仪表盘和滑动杆的脚本。你能够创建你所选择的不论什么仪表盘。此工具全然基于JavaScript,不使用不论什么其它的代码。如CSS和XML。

技术分享

官方站点:http://bernii.github.com/gauge.js/

8. CoverVid

CoverVid是一个超棒的工具,可用于将HTML视频作为站点的背景。让页面有一种动态的感觉。它是一个小型的jquery扩展,既easy又便于使用。

技术分享

官方站点:https://github.com/stefanerickson/covervid/

9. JSCapture

JSCapture是眼下互联网上最酷的工具之中的一个。

它能让你从浏览器对桌面进行截图。

它甚至能够仅仅使用JavaScript和HTML5记录你的屏幕。

技术分享

官方站点:https://mgechev.github.io/jscapture/

10.Quintus

假设你想开发酷炫的游戏,那么选择Quintus吧。Quintus是一款简单的JavaScript HTML5游戏引擎。易学又易于使用。

技术分享

官方站点:http://www.html5quintus.com/

译文链接:http://www.codeceo.com/article/10-html5-tools.html
英文原文:10 New HTML5 Tools Which Developers Shouldn’t Miss
翻译作者:码农网 – 小峰

以上是关于Web开发人员不容错过的10个HTML5工具的主要内容,如果未能解决你的问题,请参考以下文章

web前端人员不可不知的7个常见HTML5开发框架

web前端必备的10个HTML5动画开发工具!

Html5开发常见的7个框架

(转载)60个开发者不容错过的免费资源库

HTML5开发常见的7个框架,你知道几个?

每个Web开发人员都应该知道的10个HTML5黑客