说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

16款加速编码的HTML5在线工具

HTML文档下载 WORD文档下载 PDF文档下载
HTML5是目前最为流行的语言之一,其大受开发者和设计师们的青睐。在这篇文章中我们收集了16款HTML5在线工具,以简化并加快您的编码速度。Enjoy it!

HTML5是目前最为流行的语言之一,大受开发者和设计师们的青睐。HTML5有许多属性,包括支持现代主流浏览器(Firefox 6、Google Chrome、IE9等)、特定结构标签、视觉元素比如内置的圆角元素,拖拽、新的视频、音频以及Canvas元素等等。

在这篇文章中我们收集了16款HTML5在线工具,以简化并加快您的编码速度。

1.  Mockups


Moqups是一款完美的HTML5 App,用于创建线框、模型或UI、原型。有了它让工作变得更简单且直观,因此,你可以充分发挥自己的创造力,无任何障碍。

2.  Stitches


Stitches一款HTML5版网页生成器。你只需简单拖放图片文件至页面空白处并点击 “Generate” 即可创建出一款简单的样式列表。Stitches使用一组HTML5 API,它是目前唯一一款兼容Chrome和Firefox最新版本的应用,暂不支持IE9。对于老版本的浏览器,需要安装jQuery 1.7.1+、Modernizr、Dropfile、Flashcanvas。该产品基于MIT许可证发行。

3.  HTML5 Maker

HTML5 Maker是一款在线的动画设备/工具,利用HTML、HTML5、CSS及JavaScript创建互动内容。它不仅简洁易用 ,还能帮助你实现非常好的效果。支持跨浏览器的动画内容包括JavaScript和HTML5动画、幻灯片、演示文稿及幻灯片。

4.  Initializr


Initializr是一款HTML5版的模板生成器。这是一款完全可定制的模板!

5.  Sprite Box


Spritebox是一款所见即所得的工具,帮助Web设计师快速、轻松构建CSS类及IDs。它是基于使用背景位置属性来调整图像区域,从而形成Web页面的模块元素。该产品是使用JQuery、CSS3和HTML5组合创建而来,完全免费。

6. Liveweave

Liveweave在HTML4/HTML5、CSS2/CSS3中含有内置的自动完成上下文特性,让你工作起来更加轻松。你只需输入HTML5和CSS3 标签/元素即可,就是这么简单。

7. Literally Canvas


Literally Canvas是一款开源的HTML5组件,可集成到任何页面,用户可在线进行绘制。它配备了一套简单的工具,包括绘图、擦除、颜色选择器、撤销、恢复、平移以及缩放。该工具利用jQuery+和Underscore.js创建而来,利用API定义背景色、工具以及尺寸。

8. HTML5 Demos


HTML5 Demos能够让你立即知道Firefox是否支持HTML5 Canvas,Safari能否运行HTML5 聊天客户端。

9.  HTML5 Visual Cheat Sheet


HTML5 Visual Cheat Sheet是专为Web设计师和开发者设计的一款速查表。这份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相关属性。

10. Switch to HTML5


Switch to HTML5是一款基本的且又高效的模板生成器。如果你想启动某个新项目,记住一定要访问该网站。各种各样的HTML5网站模板将会呈现在你的眼前。

11.  Online SVG to HTML5 Canvas Tool


这款工具可以将SVG转换成HTML5 Canvas JavaScript函数。它几乎可以运行在任何主机上,帮助用户去尝试使用Canvas,可以导出大量的矢量艺术包(Illustrator,Inkscape)。

12. On/OFF FlipSwitch


13.  HTML5 Test


利用HTML5 test可以测试你的浏览器支持即将推出HTML5 标准和相关规范的得分情况。尽管该规范还没有最终敲定,但是所有主流浏览器厂商都在为未来做好准备。

你可以查看浏览器支持HTML5 哪些部分并与其他浏览器进行对比。

14.  Patternizer


Patternizer是用来创建条纹图案的生成器。

15. Lime JS


这是一款HTML5游戏框架用于创建游戏,让你轻松体验在现代触摸屏和桌面浏览器上的速度。

LimeJS是由谷歌的Closure Library创建而来。其自带的功能/类可控制时间轴、时间、形状以及动画。此外,该框架完全支持图表功能(你可以在单独的文件中收集图像)。

16. HTML5 Reset


HTML5 Reset是(HTML,CSS等)一套设计组件,旨在帮助用户节省大量的时间,创建更加高效的项目。

英文出自: Codegeekz

CSDN年度盛会SDCC 2013中国软件开发者大会将于8月30-31日在北京新云南皇冠假日酒店举行。本届大会的主题为“软件定义未来”,将邀请近百名国内外业界领袖和知名技术专家共论技术热点与最佳实践。

为了改变?英特尔CEO宣布将于明年5月辞职 传苹果下一代Mac OS中将整合Siri及地图服务 TripAdvisor:使用AWS比服务器托管成本节省50% [MDCC精华]亚马逊AWS布道师Kingsley Wood:灵活IT架构之道 亚马逊诉讼彰显谷歌在公有云领域威慑力十足 抵制日货不是目的,改良国货才是根本 APACHE下目录访问的问题 $$$求一能令应用程序重新启动的系统函数 怎样查看blob类型的数据?? 请教:系统调用的问题! 就离开长沙了,有几本it方面的书带不走,转让! 谁见过这样的软件? 见多识广者请进 请教solaris系统:显示器电源管理在那里设? 孙悟空为什么打不过如来佛 齐天大圣和如来佛 电阻就是R1、R2、R3、R4、R5,不需要给特定 为什么孙悟空打不过如来? 初中物理题一个定值电阻一个滑动变阻器.移动滑动变阻 公路上的运油车在车底部后车后拴条铁链拖在地上,拖地 孙悟空的师傅和如来佛,谁厉害?我说的是打起来的话 有哪些植物可以预报气象 跟如来佛祖有关的电影 以情报部长质疑伊朗谈判诚意 呼吁美国津巴布韦官员:中对非实行新殖民主义属美称在叙利亚西方记者有遭绑架危险 应飓风“雷蒙德”威力减弱 有望周三远离日本上传视频宣传争议领土主权 韩政府我省公开招标出让56宗探矿权 矿业权外交部:中朝特别代表就重启六方会谈举中方:叙化武销毁工作应与政治解决进程中国女游客大马街头遭抢劫 政要关注敦360手机助手手游开发者沙龙第二期圆特工傻妃无尽星衍巫仙魔王的虐心娘子位面小商人娲皇宫旅游台中公园旅游上海意大利中心旅游白衣寺塔旅游大明湖游乐场旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘