23 款非常有用的 HTML5 工具

oschina
 oschina
发布于 2013年05月17日
收藏 294

HTML5 工具其强大的功能,可以协助 Web 开发人员和设计师完成很多工作。例如可以让网站管理员把图片、视频、音频、动画、字体在网页上进行拖拉摆放。另外一个就是兼容旧的HTML/HTML4网站设计。这里我们列出 23 个很有用的 HTML5 工具,希望对你有所帮助。

Adobe Edge Animate

Adobe Edge Animate

该工具可用来创建兼容任何浏览器的内容和动画。

Adobe Edge Reflow CC

Adobe Edge Reflow

来自 Adobe 的 Edge Reflow CC 可以快速高效而且高质量的帮你完成你的 Web 项目。

Adobe Typekit

Adobe Typekit

Typekit 可以帮你挑选字体。

Adobe PhoneGap Build

Adobe PhoneGap Build

移动应用设计工具,支持 iOS, Android, BlackBerry, 和 webOS.

Liveweave

Liveweave – HTML5, CSS3 & JavaScript Playground

Liveweave 可以帮你在线实时的开发 HTML5 和 CSS3 以及 JavaScript 代码,类似 RunJS

LimeJS

LimeJS

LimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

Moqups

Moqups – HTML5 App For Creating Wireframes

Moqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。

Patternizer

Patternizer

用来创建网站背景图的工具

On/Off Flipswitch HTML5/CSS3 Generator

Flipswitch HTML5 CSS3 Generator

用来创建各种效果的滑动开关控件

Online SVG to HTML5 Canvas Tool

Online SVG to HTML5 Canvas Tool

可在线将 SVG 专为 HTML5 Canvas 的工具

Online 3D Sketch Tool

Online 3D Sketch Tool

在线绘制 3D 草图的工具

Sprite Box

Sprite Box

 

Stitches

Stitches

The HTML5 Test

html5test

在线 HTML5 兼容性测试工具

Sketch Toy

sketchtoy

绘制草图的工具,绘制完可分享

Font Dragr

fontdragr

Font Dragr 可以帮你测试自定义字体

MRI

MRI

选择器测试

Initializr

initializr

Initializr 帮你从头搭建一个网站,提供多种模板选择,支持响应式设计

Rendera

heroku

又是一个在线编辑 HTML、CSS 和 JavaScript 代码的网站

CanvasLoader Creator

CanvasLoader Creator

For those who are keen to detail, even to the loader animations, CanvasLoader Creator lets you customize how you would like your loader to look like while the actual object needed does not appear yet. No codes are needed here.

CreateM

CreateM

一个 HTML5 环境可以让网站的所有属性都可编辑

HTML KickStart

HTML KickStart

你是否想通过简单点击就可以编辑按钮、列表、表格、排版等等,HTML Kickstart 可以帮你轻松搞定

Webdirections

webdirections

Webdirections被认为是一个最简单的使用点击的HTML5工具、CSS工具,甚至设计工具可以通过点击而不是仅仅列出命令。

via smashinghub

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:23 款非常有用的 HTML5 工具
加载中

最新评论(18

j
jackieLin
现在的前端开发越来越好!
闪客
闪客

引用来自“Track3r”的评论

引用来自“剑霄”的评论

引用来自“Track3r”的评论

引用来自“剑霄”的评论

引用来自“Track3r”的评论

。。。什么时候没人用古代浏览器了,我再关心HTML5吧,不然只能写一些自慰的东西。

等那时候,别人已经把html5技术运用的滚瓜烂熟,你才刚刚开始
做技术要有前瞻性

你有市场?你有钱?你有运营资金在陪着这个技术去成长??
呵,是,扣着脚丫子的前瞻性,不如踏踏实实的赚着自己能赚到的钱,HTML5在怎么牛,也轮不到你的事情。事实就是这样,否则你证明给我看你在HTML5火起来之前能成立一家以HTML5为主要卖点的公司,我心服口服。而我就可以给你证明我在1年之内成立一个web2.0的公司。打赌?

牛逼轰轰的样子,成立一家公司是件难事吗?
我现在在做的一些项目就是html5+css3为主打
固步自封,太过自以为是并不是件好事

呵呵

Track3r 真是·· 哎 保守的人 爬一边去 别碍事···
BruceGao
BruceGao
一个都没用过
不知道起什么名字
不知道起什么名字
浏览器太多了,为了兼容很多功能不能用,开发和维护成本在上升,真希望能做到标准。真怀念IE的时代,客户要求也不高只要支持IE6就可以,也没有异步交互和太多的样式。
静虚
静虚
不看内容只看评论,因为这样可以看出一个人的人品。
道友慢走
道友慢走
就像Google搞Android的时候,Adobe也是在赌未来HTML5的前景会很好。各个技术都有优缺点,辩证去挑最适合自己的。
阿伏流
阿伏流

引用来自“剑霄”的评论

引用来自“Track3r”的评论

引用来自“剑霄”的评论

引用来自“Track3r”的评论

。。。什么时候没人用古代浏览器了,我再关心HTML5吧,不然只能写一些自慰的东西。

等那时候,别人已经把html5技术运用的滚瓜烂熟,你才刚刚开始
做技术要有前瞻性

你有市场?你有钱?你有运营资金在陪着这个技术去成长??
呵,是,扣着脚丫子的前瞻性,不如踏踏实实的赚着自己能赚到的钱,HTML5在怎么牛,也轮不到你的事情。事实就是这样,否则你证明给我看你在HTML5火起来之前能成立一家以HTML5为主要卖点的公司,我心服口服。而我就可以给你证明我在1年之内成立一个web2.0的公司。打赌?

牛逼轰轰的样子,成立一家公司是件难事吗?
我现在在做的一些项目就是html5+css3为主打
固步自封,太过自以为是并不是件好事

呵呵
剑霄

引用来自“Track3r”的评论

引用来自“剑霄”的评论

引用来自“Track3r”的评论

。。。什么时候没人用古代浏览器了,我再关心HTML5吧,不然只能写一些自慰的东西。

等那时候,别人已经把html5技术运用的滚瓜烂熟,你才刚刚开始
做技术要有前瞻性

你有市场?你有钱?你有运营资金在陪着这个技术去成长??
呵,是,扣着脚丫子的前瞻性,不如踏踏实实的赚着自己能赚到的钱,HTML5在怎么牛,也轮不到你的事情。事实就是这样,否则你证明给我看你在HTML5火起来之前能成立一家以HTML5为主要卖点的公司,我心服口服。而我就可以给你证明我在1年之内成立一个web2.0的公司。打赌?

牛逼轰轰的样子,成立一家公司是件难事吗?
我现在在做的一些项目就是html5+css3为主打
固步自封,太过自以为是并不是件好事
返回顶部
顶部