20款不容错过的HTML5工具

文章源自:20 New HTML5 Tools You Shouldn’t Miss

译文地址:http://www.uisdc.com/20-html5-tools-shouldnt-miss

HTML5现在已经成为最流行的标记语言,拥有成熟的社区和广泛的浏览器支持,HTML5完备的功能和强大的拓展性使得设计师和开发者可以点铁成金。更多的可控元素,更自由的交互设计,变化随心的动效,丰富生动的多媒体都可以借助HTML5一手掌控。

更自由的搭建方式也意味着你需要掌控的东西更多,不过好在更多可能性还意味着更多的开发工具。下面推荐的20款开发工具能帮你更便捷地优化你的网页和Web应用,希望你能在这个不长的列表中找到你需要的工具!祝你好运!

1.Enyo


Enyo

Enyo是一个可以帮你创造高品质本地HTML5应用的框架,拥有跨平台兼容性的强大工具。早期的Enyo是作为传奇的移动操作系统webOS的程序框架而存在,在Palm被HP收购之后,Enyo开发团队将其转化为跨平台支持的程序框架,此后强大的Enyo团队随后被Google收入囊中,而重建后的Enyo团队则随着HP的移动开发部门加入LG,目前的Enyo是LG的webOS智能电视的重要支撑。Enyo非常强大,值得深入研究,你将获益匪浅。

2.Squire


Squire

Squire是一款HTML5 富文本编辑器,兼容不同浏览器的标准,轻巧灵活,让你写网页如同写文档一般轻松任性!

3.NoMe


NoMe

NoMe是一款能能被HTML5调用的JavaScript 地理和位置信息库。有了NoMe,获取地理和天气信息你不再需要调用庞大的数据库或者使用复杂的服务。

4.Snap Tomato


Snap Tomato

你可以在任何设备上轻松使用Snap Tomato来测试HTML5代码。你只需要打开编辑器写代码,然后在另外一个标签页中实时预览就好了。

5.BumpKit


BumpKit

BumpKit 是一个仍在开发中的DAW式的库,是一组为网页而写的音频API。你可以借助BumpKit来创建混频器、采样器等。

6.CoverVid


CoverVid

CoverVid是一个简单的轻量级jQuery扩展,借助它,你可以将视频当作图片背景一样运用到你的网页中,无论父元素是什么它都可以轻松插入并运用于其中。

7.Quintus


Quintus

Quintus 是一款简单易学的JavaScript HTML5游戏引擎,可以在移动端和桌面端使用。这个引擎可以彻底地搜集记录数据,并且有大量的Demo和案例供你学习。

8.Wad


Wad

Wad是一款用来音频操控的JavaScript库,拥有针对HTML5音频控制的API。Wad简化了创建、播放、管理音频文件的操作,并且拥有接近桌面端DAW的交互界面。

9.Flexo


Flexo

Flexo 拥有一组标准的HTML元素并且包含一套栅格系统,但即便如此它还是非常够用的。整个Flexo仅仅拥有大约200行CSS代码,而且其中一半还是控制导航栏的。

10.Google Web Designer


Google Web Designer

Google Web Designer是今年Google专门为网页开发者所发布的新工具,帮助设计师和开发者制作交互式的HTML5网页和广告。这是一个非常现代的所见即所得的恐惧,并不需要编写代码就可以实现功能,整个工具非常明显地是以设计为导向的。(毫无疑问此处应配备梯子)

11.Zebra


Zebra

Zebra 使得开发基于Rich UI的Web应用有了全新的可能性,它使得你可以在HTML5的画布之上使用任何你能想到的UI元素。Zebra的开发过程非常接近软件开发,你可以通过高度结构化、可拓展性的、基于Zebra OOP 概念的代码来管控整个界面。在这里,你不需要考虑HTML、JavaScrpt、CSS和DOM。Zebra是基于纯粹的web技术的,无需安装任何插件或者程序,与此同时,Zebra是基于强大而富有美感的JavaScript来编写的。

12.Ceilfire


Ceilfire

Ceilfire 是一个用来创HTML5游戏并共享游戏资源的平台。你可以直接在你的浏览器中创建游戏、参与游戏、分享游戏,无需编程基础!Ceilfire 平台内分享免费,上手操作也简单。

13.Vega


Vega

Vega 是一种声明格式,用来创建、保存、分享可视化设计。借助JSON将数据可视化,使用SVG和HTML5生成可交互式的页面。

14.Cloak


Cloak

如果你的HTML5需要一个网络层来控制游戏连接、自动恢复的话,Cloak绝对符合你的需求。Cloak使用Node.js编写,也为系统预留了空间。

15.Timesheet.js


Timesheet.js

Timesheet.js是一个简单的JS库,它可以帮你创建HTML表格。有了Timesheet.js,你可以创建包含HTML5和CSS3代码的可视化的数据表格、管理事项或者时间表。使用Timesheet.js你无需考虑jQuery和Angular.js,单纯几行的JS代码就可以帮你解决问题。

16.HAML


HAML

HAML是一种使用无需使用内联代码来生成HTML等Web文档的简单干净的标记语言,HAML主要用来替代目前的内嵌网页模板系统,诸如PHP、ASP和ERB,以及大多数的Ruby on Rails 应用中的模板。HAML避免了直接用HTML来写模板,因为它本身是对HTML代码的一种描述,通过一些代码来生成动态的内容。

17.Brunch


Brunch

Brunch 是一个构建优雅HTML5应用的汇编程序,拥有简单但功能强大的构建功能和通道。你可以使用任何你喜欢的框架、库、样式、模板或者引擎与之配合使用。

18.HTML Minifier


HTML Minifier

HTML Minifier是一个高度可配置的、经过充分测试的基于Javascript的HTML 压缩机。它的核心倚赖于John Resig所写的HTML解析器,John的解析器能够处理非常复杂的文档,不过偶尔会被一些模糊的声明所迷惑。

19.Breach


Breach

Breach是一个为HTML5时代而生的浏览器,完全使用Javascript写成,免费、模块化、可再开发。浏览器中的所有东西的欧式一个模块,作为一个Web APP在其内部运行。选择合适的模块,你可以定制浏览体验。

20.TimeJump


TimeJump

TimeJump 使得你可以为你的HTML5音频和视频播客添加一些深层连接,它常被用于一些突破性的播客,比如ShopTalk和The ATX这样的网络播客。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,634评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,951评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,427评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,770评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,835评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,799评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,768评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,544评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,979评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,271评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,427评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,121评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,756评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,375评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,579评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,410评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,315评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,035评论 25 707
  • 格式后期处理。 Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTM...
    LordZhou阅读 1,125评论 0 17
  • 春光 穿透这片窗 大房子外面 不结果还没开花的桃树一路折射 我长了一个痘印 不是吻痕 二月 时间和沉寂的银湖很像 ...
    泛指烨阅读 291评论 2 2
  • 一周读完毕淑敏的《美丽是心底的明媚》,依然是一种经历风霜后的云淡风轻,其字轻其文轻,读后内心无比放松。 这是一本送...
    静姐_学习成长营阅读 825评论 0 1
  • 目录 第二十章回顾 苏乐闷闷不乐回到家中,随手将包扔在淡绿色印花茶几上,倒头就从沙发上睡了下去。 这可不是他的作风...
    端木婉清阅读 401评论 0 7