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
翻译作者:码农网 – 小峰

时间: 2024-10-28 15:33:48

Web开发人员不容错过的10个HTML5工具的相关文章

每位iOS开发人员不容错过的10大实用工具

内容简介 1.iOS简介 2.iOS开发十大实用工具之开发环境 3.iOS开发十大实用工具之图标设计 4.iOS开发十大实用工具之原型设计 5.iOS开发十大实用工具之演示工具 6.iOS开发十大实用工具之视频制作 7.iOS开发十大实用工具之分析工具 iOS简介 说起iOS,自然不必多介绍了,它是苹果公司开发的移动操作系统. 苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch.iPad以及Apple TV等产

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

HTML5已经成为当今世界的一个必然组成部分.由于World Wide Web万维网是使用超文本标记语言来架构和呈现的,于是HTML5成为了最流行的编程语言之一.随着网络的不断扩张,Web开发人员非常有必要拥有最新的HTML5工具,用于创建动态和交互式的Web应用程序和网页.下面这些就是你不应该错过的新的HTML5工具. 1.Timesheet.js Timesheet.js是一款用于创建使用JavaScript库的HTML工作流的简单工具.你可以添加可视化和转换到使用CSS的事件.Timesh

Web开发人员常犯的10个错误

说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框架.在将任务分解为这几步之后,接下来要做的就简单多了,可以去网上找文章,浏览论坛,看看那些能提供更好的Web体验提示的示例. 然而不管是走哪条路,犯错却是每一个开发人员都不可避免的.虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战.因此,通过研究,体验和观察,我总

Web开发人员不要错过的60款用户界面设计工具(中)

21. Dojo Dojo是一个用javascript语言实现的开源DHTML UI工具包,可实现高性能的桌面和移动应用程序开发,在国内亦有大量忠实用户. 22. Fivesecondtest Fivesecondtest可以优化你的登陆界面,并分析设计中最突出的元素. 23. Android UI Elements Set 集合了大量Android OS UI元素,并且全部都是免费的. 24. Massive Web UI and Button Set Massive Web UI and B

Web开发人员不要错过的60款用户界面设计工具(上)

Web开发大师们,干货再次来袭!小编为大家盘点了60款功能丰富类型各异的用户界面设计工具,本系列将以上中下三篇分别为大家呈现.今天盘点的这20款工具囊括了大量界面原型设计工具,有免费的在线原型工具,有iPhone/Android/Facebook应用原型设计工具,还有各种综合型的UI原型工具,应用尽有,绝对能满足你的日常工作需求. 1. ForeUI 一款非常简单易用的界面原型设计工具,可以创建任何应用程序或网站的线框和原型. 2. LivePipe UI 这款工具是构建在Prototype J

Web开发人员不要错过的60款用户界面设计工具(下)

41. Snipplr 包含最新的脚本和jQuery技术资源库. 42. Midori Midori是一个超轻量级的JavaScript框架,可使用CSS选择器快速访问页面上对应的元素. 43. roScripts (beta) 这个网站上的代码.脚本和资源可以由用户来投票决定. 44. Scripty 2 Script2是一个非常灵活的Javascript框架,可以帮助你制作非常精巧的用户界面. 45. Snippet Library 含有各种编程语言的代码片段,全部由用户提交和修订的. 46

Android开发者不容错过的十大实用工具

谷歌公司发布的Android操作系统无疑极大解放了移动技术的可观潜能.作为一款基于Linux内核的系统,Android属于由谷歌公司负责开发及维护的开源项目.自2007年诞生以来,Android已经陆续推出过多个更新且愈发完善的版本,其中包括"姜饼"乃至"冰淇淋三明治"等等.而就在今年,最新的Android M也将正式与我们见面. Android M当中融入了多项令人瞩目的新功能,能够支持智能手机.平板设备.可穿戴设备.电视甚至是汽车等.Android已经由以往单纯

编程开发必读书籍:每个Web开发人员都应该阅读的10本书[图]

编程开发必读书籍:每个Web开发人员都应该阅读的10本书[图]:当开发人员问我他们应该阅读哪些书籍的时候,我通常都是告诉他们:让你读的下去的书.许多开发人员会阅读其他人的代码,实际上你提升自己最好的途径就是阅读,你的读书效率越高,那么你在日常工作中的效率也会越高.本文我们将来讨论:每个Web开发人员都应该阅读的10本书:1.<与爱因斯坦月球漫步>为什么推荐一本记忆力训练相关的书籍呢?因为现在的绝大多数开发人员都没有想过要提高自己的记忆能力,结果全部依赖于移动设备,实际上,现如今的程序员很难在脱

Web 开发中很实用的10个效果【附源码下载】

在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏:) 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合.我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果. 立即下载      在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网