本文收集的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 上。

原文地址：cnblogs

网页开发人员收藏的16款HTML5工具的更多相关文章

  1. 值得 Web 开发人员收藏的16款 HTML5 工具

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

  2. 值得 Web 开发人员收藏的20个 HTML5 实例教程

    当开始学习如何创建 Web 应用程序或网站的时候,最流行的建议之一就是阅读教程,并付诸实践.也有大量的 Web 开发的书,但光有理论没有实际行动是无用的.现在由于网络的发展,我们有很多的工具可以用于创 ...

  3. Web 开发人员必备的12款 Chrome 扩展程序

    之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序.这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流 ...

  4. 赶快收藏！16款最流行的 JavaScript 框架

    下面为大家介绍 16款最流行的 JavaScript 框架,赶快收藏! 1. jQuery – Javascript框架 jQuery 是最流行的 JavaScript 框架,它简化了HTML 文档遍 ...

  5. 开发人员必备的几款bug管理工具

    Bug是软件开发过程中的“副产品”,也是开发人员最不想见到的状况.如果没有跟踪和梳理各种bug和问题并及时解决,项目就会花费非常多的时间,导致整个项目的重心偏移.如果在产品开发过程中,使用一个合适的B ...

  6. .NET开发不可错过的25款高效工具

    这些年来,微软的 .NET 开发团队不断在更新升级开发工具,这也提供了一个机会,让我们能对 .NET 系列的开发工具做出不断的评估和规范.以下是我们总结出的一些 .NET 开发不可错过的高效工具. 1 ...

  7. iOS开发人员不容错过的10大工具

    内容简介 1.iOS简介 2.iOS开发十大实用工具之开发环境 3.iOS开发十大实用工具之图标设计 4.iOS开发十大实用工具之原型设计 5.iOS开发十大实用工具之演示工具 6.iOS开发十大实用 ...

  8. WEB开发人员必知的20+HTML5技巧（转）

    互联网科技发展的速度真可谓惊人的快,一个稍不留神,你就可能无法跟上它的步伐. HTML5的变化和更新也压倒不少人,这篇文章将向大家介绍一些最基本也非常必要的 HTML技巧. 1. 新的文档类型(Doc ...

  9. 给 Web 前端开发人员推荐20款 CSS 编辑器

    CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉.特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点. 在开发中,选择好工具是非常重要的 ...

随机推荐

  1. 16、使用jQuery的html5player播放器，进行播放

    <!-- Website Design By: www.happyworm.com --> <title>Demo : jPlayer as a video playlist ...

  2. MDK中问题：warning : type qualifier is meaningless on cast type return 的解决

    在MDK编译代码时,有时会出现这样的警告, warning : type qualifier is meaningless on cast type return 在MDK中,作如下设置: 即添加 : ...

  3. Rop攻击

    参考:http://en.wikipedia.org/wiki/Return-oriented_programming Rop全称Return-Oriented Programming,就是对栈上的返 ...

  4. PAT_A1121#Damn Single

    Source: PAT A1121 Damn Single (25 分) Description: "Damn Single (单身狗)" is the Chinese nickn ...

  5. CSS中block，inline和block-inline的区别（转载）

    http://www.cnblogs.com/KeithWang/p/3139517.html 总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level e ...

  6. HTML中改变列表的序号类型

    HTML中,<ol>标签表示有序列表,每一个表项的编号默认从数字开始.比如 <html> <head> <title>test</title> ...

  7. docker学习日记一（镜像构建-container commit和image build）

    构建镜像的方式两种: 一.根据已有的container构建-docker container commit 二.根据已有的image构建-docker image build(推荐) containe ...

  8. 集合 HashMap 的原理，与 Hashtable、ConcurrentHashMap 的区别

    一.HashMap 的原理 1.HashMap简介 简单来讲,HashMap底层是由数组+链表的形式实现,数组是HashMap的主体,链表则是主要为了解决哈希冲突而存在的,如果定位到的数组位置不含链表 ...

  9. Ansible随笔8

    自定义模块的开发模式 1.决定自定义模块的存放路径 编辑/etc/ansible/ansible.cfg文件,修改library = /usr/share/ansible/. 这样就告诉ansible ...

  10. yum处理损坏的包依赖关系

    有时在安装多个软件包时,某个包的软件依赖关系可能会被另外一个包的安装覆盖掉.这叫做损坏的包依赖关系(broken dependency). 如果系统出现问题,可以先尝试: yum clean all ...