设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

23款非常有用的HTML5工具

2013-5-17 10:30| 发布者: joejoe0332| 查看: 4409| 评论: 0|原作者: 开源中国社区|来自: 开源中国社区

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

  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工具,甚至设计工具可以通过点击而不是仅仅列出命令。


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部