值得网页开发人员收藏的16款HTML5工具

HTML5 正在迅速改变创建和管理网站的方式。HTML5 在不同的领域让网页设计更强大的。快、安全、响应式、互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5 开发各种网站和应用程序。

本文收集的20款优秀的 HTML5 Web 应用程序,值得添加到您的 HTML5 的工具箱中,他们能够帮助你开发前端项目更快、更容易。

Initializr

Initializr 是一个可以让你创建 HTML5 模板的网站,可以创建样板 HTML5 模板,响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。



HTML5 Demos

这里集合了一些基于 HTML5 的优秀的实验演示,最初只有5个演示,后来逐渐扩充。



HTML5 Test

想知道桌面或移动 Web 浏览器符合最新的 HTML5 标准吗?这个网站可以帮助测试出分数和评级。



HTML5 Canvas Cheat Sheet

如果你不能记住所有 Canvas 的命令和选项,那么这个小抄是绝对适合你。可作为一个图形或 PDF 免费下载。



Lime JS

LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。



HTML5 Reset

HTML5 Reset 是一组文件,包括 HTML、CSS 等,用于在开始新项目的时候帮助你节省时间,提供 HTML5 的空白WordPress模板。



SpriteBox

Spritebox 是一个所见即所得的工具,帮助 Web 设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。



LimeWeave

LimeWeave是一个 HTML5 编辑器,它可以告诉你什么的 HTML5,CSS 和 JavaScript 特效的样子。



99 Lime

如果你想节省时间,使用 HTML5,CSS 和 jQuery 创建一些新的元素,布局和代码,那么99 Lime 真的可以帮助你。



On/Off FlipSwitch

如果你曾经想创建一个漂亮的on/off开关,那么这个网站可以帮助你。您可以自定义图形开关,不同的着色,大小和风格。



CanvasLoader Creator

这个免费的在线工具可以帮助设计师和程序员为他们的 HTML5 项目生成基于 Canvas 的 Loading 效果。



Create – Make Anything Editable

Create 是一款可以在 CMS 中使用的编辑器。借助 HTML5 特性,可以把页面上的内容变成可编辑区域。



Online 3D Sketch Toy

这个绘图工具对于孩子而很好玩,而不只是给网站设计师用!还可以把您的小创作分享到 Facebook 上。

(0)

相关推荐

  • 如何才能学好网页开发?

    如何才能学好网页开发?随着网站应用和推广的发展,市场对网页开发人员的需求越来越大.市场的紧缺催生了一大批IT门外汉想要成为网页开发高手,在网页开发的市场里分得一杯羹.那么,怎么学习网页开发呢? 操作方 ...

  • 据Ubuntu开发人员的邮件显示 Ubuntu 14.10将使用更新Linux内核3.16.4

    Linux发行版本之一Ubuntu 14.10幸运地赶上了Linux内核更新,新内核版本号为3.16.4。 根据Ubuntu开发人员的邮件显示,10月9日是14.10内核的冻结日期,那就意味着Linu ...

  • 值得网页设计师和前端收藏的实用工具列表

    无论你是丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具.在线服务.资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍. 这次总结的工具总计有4 ...

  • 8款替代DREAMWEAVER的免费开源网页开发工具

    Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀We ...

  • IE浏览器开发人员工具中实用的"小工具"

    自IE8浏览器开始,微软在IE中内置了开发人员工具,一般用户而言大概很少在使用吧?不过小编要说的,虽然这是一款开发人员工具,但是里面却有很多实用的“小工具”噢! 按一下键盘上F12可以打开或关闭该工具 ...

  • IE9开发人员工具"网络捕获"功能详解

    在IE7时代,微软推出了一款叫做“开发人员工具”的工具栏,下载安装之后,可以在IE中更方便的分析HTML代码,了解网页中各个元素的属性、样式等信息,对开发人员调试网页来说特别方便。由于这个功能让IE除 ...

  • IE9开发人员工具"网络捕获"有什么功能

    网络上存在着各种各样的网站,其中从来都不缺少优秀者.在我们使用丰富多彩的网络应用时,往往想要探寻一下某个别出心裁的功能是如何通实现的,或者想要看看某段音乐或视频的下载地址.在以前,我们可以直接查看网页 ...

  • 如何打开和设置华为P30手机的开发人员选项

    华为P30手机是一款为广大消费者所喜爱的手机品牌,它颜值高,性能高,是值得选购的手机.很多用户不知道怎么打开和设置华为P30手机的开发人员选项,小编今天就来为您解答这个问题.具体如下:1. 首先,请大 ...

  • 怎样使用IE11中的浏览器F12 开发人员工具

    使用 F12 开发人员工具,你可以调试.测试网页并加快其速度,微调 CSS 布局,查找内存泄漏. 在 IE11 中, F12 工具比之前IE版本变化较大,具有全新的 UI 和新功能性,可以更快.更轻松 ...