简化工作流程,10款必备的HTML5开发工具

标签: 工作流程 html5 开发 | 发表时间:2013-08-27 15:54 | 作者:
出处:http://news.cnblogs.com/

英文原文: 10 Best HTML5 Development Tools For Web Developers to Streamline Their Workflow

利用 HTML5 工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性。本文收集了 10 款 HTML5 开发工具让你在网页中搭建特效、动画、视频、音频等诸多功能,为你节省更多开发时间。

Patternizer

这个工具可以让你开发真正炫酷的设计,比如各种线条。你可以随意修改线条的宽度、色彩、角度等等。有了它,帮你打造超赞的背景图片。

Font Dragr

这款工具可根据你的实际项目选择适宜的字体,你还可以通过拖放功能随意查看网站字体。

Adobe Typekit

这款工具允许你可根据视线范围来选择适宜的字体并查看实时页面。

Rendera

如果你渴望这样一个工作氛围,可以检查、发现和研究不同类型的 CSS、HTML 或者 JavaScript ,那么这款工具就可满足你的需求,根据选择的类型提供实时的结果并且让你的编码过程更加快速、炫酷。

CanvasLoader Creator

这款颠覆性的工具允许你修改载入程序,使其看起来更加引抢眼,并为访问者提供一个更加合理的理解(即使其选择的区域正在加载),它不需要任何编程教学。

Webdirections

Webdirections 是一款不错的代码集合工具,允许开发者检查、搜索、试验代码。你可以选择 HTML5 工具、CSS 工具以及设计类工具等等,可以毫不费力的迅速点击打开。

Initializr

Initializr 是一个 HTML5 模板生成器,以帮助你启动 HTML5 项目开发 。你可以根据自己的项目进行选择哪些项目可包含在 HTML 中,哪些不可以。

On/Off Flipswitch HTML5/CSS3 Generator

Flip-Switches 允许用户在网站上在线/离线状态下移动图片。只需修改小段代码即可实现这一功能,让你坦然面的各种操作系统、Web 浏览器。

Liveweave

LiveWeave 是一个极好的在线工具,该工具支持 HTML5、CSS3、JavaScript,允许你检验、测试并运行代码。

HTML KickStart

该工具让你轻松创建网站,支持排版、表格、按钮、列表等功能。

本文链接

相关 [工作流程 html5 开发] 推荐:

简化工作流程,10款必备的HTML5开发工具

- - 博客园_新闻
英文原文: 10 Best HTML5 Development Tools For Web Developers to Streamline Their Workflow. 利用 HTML5 工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性. 本文收集了 10 款 HTML5 开发工具让你在网页中搭建特效、动画、视频、音频等诸多功能,为你节省更多开发时间.

苹果产品开发的绝密工作流程

- - 互联网的那点事...
长期以来苹果产品开发流程在很多方面都笼罩着一层神秘的面纱,而在Adam Lashinsky新发行的 《Inside Apple: How America’s Most Admired–and Secretive–Company Really Works》一书中对这些流程有所涉及. 这本书同时谈论了苹果公司各个不同的方面,包括其理念、招聘流程以及传说中的秘密等等.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.

HTML5历史与开发介绍-HTML5 入门教程

- - BlogJava_首页
HTML的发展历史和HTML5的诞生. HTML 5是近十年来Web开发标准最巨大的飞跃. 和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化. (HTML5也有了自己的logo).

HTML5 Canvas开发框架:CasualJS Framework

- Jimmy - ITeye论坛最新讨论
CasualJS Framework是根据ActionScript3?.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架. 虽然Canvas提供了强大的绘图功能,但满足不了高级开发的需要. 利用CasualJS的显示对象架构及渲染机制,你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象.

HTML5游戏开发工具推荐:IMPACT

- iDesperadO - HTML5研究小组
Impact 是一个 JavaScript 游戏引擎,可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏. 我已经试过了四个其他 JavaScript 游戏引擎,这是我用过的第一个比较有意义的(……)Impact 是市场上第一个真正专业级的 JavaScript 和 HTML5 游戏引擎. ——《Game Developer Magazine》,2011年5月.

HTML5开发:原理与实现

- - Web App Trend
在这篇文章中, W3C 浏览器技术核心标准工作成员 Mike Smith 谈论了 HTML5 到底是什么,并给出了一些对开发人员有用的资源,可以让他们跟进不断演化的标准. 我们正处于Web平台更新换代的过程之中. HTML5通常被用来描述这一过程,尽管更新换代中的技术并不局限于HTML5标准所定义的特性.

HTML5开发工具大盘点

- - CSS库
相信到目前你应该已经对Canvas这一神奇的HTML5新元素有了一定的了解. 在本文中,我们将深入了解画布的功能及特点,学习如何在HTML中利用Canvas绘制图形以及其它类型对象. 正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:   一、HTML5开发工具之Adobe Dreamweaver.

游戏开发商开源HTML5游戏

- - Solidot
游戏工作室Wooga开源了其开发的HTML5游戏Pocket Island,源代码托管在GitHub上,该公司在官方博客上介绍了他们的开发经验,认为HTML5游戏有潜力,但尚未做好准备,开源的意图将是让其他人了解他们的工作,学习和改进. Wooga认为,2012年也许不是HTML5的黄金时代,但它的黄金时代即将到来.

【转载】HTML5开发工具介绍

- - HTML5研究小组
HTML5被看做是web开发者创建流行web 应用的利器,增加了对 视频和Canvas 2D的支持. HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式.        虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进.