HTML5 工具其强大的功能,可以协助 Web 开发人员和设计师完成很多工作。例如可以让网站管理员把图片、视频、音频、动画、字体在网页上进行拖拉摆放。另外一个就是兼容旧的HTML/HTML4网站设计。这里我们列出 23 个很有用的 HTML5 工具,希望对你有所帮助。 Adobe Edge Animate该工具可用来创建兼容任何浏览器的内容和动画。 Adobe Edge Reflow CC来自 Adobe 的 Edge Reflow CC 可以快速高效而且高质量的帮你完成你的 Web 项目。 Adobe TypekitTypekit 可以帮你挑选字体。 Adobe PhoneGap Build移动应用设计工具,支持 iOS, Android, BlackBerry, 和 webOS. LiveweaveLiveweave 可以帮你在线实时的开发 HTML5 和 CSS3 以及 JavaScript 代码,类似 RunJS LimeJSLimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。 MoqupsMoqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。 Patternizer用来创建网站背景图的工具 On/Off Flipswitch HTML5/CSS3 Generator用来创建各种效果的滑动开关控件 Online SVG to HTML5 Canvas Tool可在线将 SVG 专为 HTML5 Canvas 的工具 Online 3D Sketch Tool在线绘制 3D 草图的工具 Sprite Box
StitchesThe HTML5 Test在线 HTML5 兼容性测试工具 Sketch Toy绘制草图的工具,绘制完可分享 Font DragrFont Dragr 可以帮你测试自定义字体 MRI选择器测试 InitializrInitializr 帮你从头搭建一个网站,提供多种模板选择,支持响应式设计 Rendera又是一个在线编辑 HTML、CSS 和 JavaScript 代码的网站 CanvasLoader CreatorFor 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一个 HTML5 环境可以让网站的所有属性都可编辑 HTML KickStart你是否想通过简单点击就可以编辑按钮、列表、表格、排版等等,HTML Kickstart 可以帮你轻松搞定 WebdirectionsWebdirections被认为是一个最简单的使用点击的HTML5工具、CSS工具,甚至设计工具可以通过点击而不是仅仅列出命令。 |