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

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

您可能感兴趣的相关文章

Initializr

Initializr 是一个可以让你创建 HTML5 模板的网站。

可以创建样板 HTML5 模板，响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。

HTML5 Demos

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

HTML5 visual cheat sheet

这是一个方便的 HTML5 速查，可以免费下载。它列出了 HTML5 所有的主要属性。

HTML5 Test

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

HTML5 Canvas Cheat Sheet

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

Lime JS

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

HTML5 Reset

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

Moqups

这是一个聪明的基于 H​​TML5 应用程序，在那里你可以绘制线框架，完整的设计实物模型和用户界面的概念，而不需要昂贵的软件。

SpriteBox

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

Patternizer

Patternizer 很好玩。你可以进行任意的控制，创造出伟大的纹理图案。

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 上。

您可能感兴趣的相关文章

本文链接：值得Web前端开发工程师收藏的20款 HTML5 工具

文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

值得 Web 开发人员收藏的16款 HTML5 工具的更多相关文章

  1. 网页开发人员收藏的16款HTML5工具

    本文收集的20款优秀的 HTML5 Web 应用程序,值得添加到您的 HTML5 的工具箱中,他们能够帮助你开发前端项目更快.更容易. Initializr Initializr 是一个可以让你创建 ...

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

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

  3. 值得 Web 开发人员学习的20个 jQuery 实例教程

    这篇文章挑选了20个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平.其中,既有网站中常用功能的的解决方案,也有极具吸引力的亮点功能的实现方法,相信通过对 ...

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

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

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

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

  6. Web开发人员不要错过的60款用户界面设计工具（中）

    21. Dojo Dojo是一个用javascript语言实现的开源DHTML UI工具包,可实现高性能的桌面和移动应用程序开发,在国内亦有大量忠实用户. 22. Fivesecondtest Fiv ...

  7. 【特别推荐】Web 开发人员必备的经典 HTML5 教程

    对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...

  8. Web 开发人员不能错过的 jQuery 教程和案例

    jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能.这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuer ...

  9. Web 开发人员必备的随机 JSON 数据生成工具

    在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确.JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊. 您可能感兴 ...

随机推荐

  1. docker快速入门+搭建javaweb环境

    一.windows安装 不要安装旧的 boot2docker包,直接安装 DockerToolbox. 一路next,安装完成以后 试用 1.以管理员身份运行 docker quickstart te ...

  2. Netbeans不能正常启动glassfish或者部署失败不能运行的问题

    错误信息:D:\临时文件\netbeans\WebTest\build\web中部署GlassFish Server 4, deploy, Connection refused: connect, f ...

  3. Quartz Java resuming a job excecutes it many times--转

    原文地址:http://stackoverflow.com/questions/1933676/quartz-java-resuming-a-job-excecutes-it-many-times Q ...

  4. Android WebView加载本地html并实现Java与JS交互

    最近做的一个项目中,用到自定义地图,将自定义地图转换成html页面,现在需要做的是如何将本地的html加载到android中,并可以实现交互. 相关讲解: 其实webview加载资源的速度并不慢,但是 ...

  5. html/css基础篇——DOM中关于脱离文档流的几种情况分析

    所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列.并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素.脱离文档流即是元素打乱了这个排列,或是从排版中拿走. ...

  6. SQL Server 存储(5/8)：理解IAM 页

    在以前的文章里,我们讨论了数据页,GAM和SGAM,还有PFS页.今天我们一起来讨论下索引分配映射(Index Allocation Map:IAM)页. 在SQL Server 2005和以后的版本 ...

  7. 第21/24周 性能监控（PAL工具）

    大家好,欢迎来到性能调优培训的最后一个月.在过去的5个月里,我们谈了SQL Server的各种性能相关的话题,包括性能调优的技术和问题. 但当在你面前,SQL Server没有按你预想的运行时,你会怎 ...

  8. java中synchronized关键字的用法

    在java编程中,经常需要用到同步,而用得最多的也许是synchronized关键字了,下面看看这个关键字的用法. 因为synchronized关键字涉及到锁的概念,所以先来了解一些相关的锁知识. j ...

  9. 使用Json.NET来序列化所需的数据

    我们在做开发的时候,很多时候需要和Json数据格式打交道,如Web开发里面,很多时候,数据通过Json进行传递到页面上,然后在进行处理的.而使用Json的时候,我们很多时候会涉及到几个序列化对象的使用 ...

  10. 优化Angular应用的性能

    MVVM框架的性能,其实就取决于几个因素: 监控的个数 数据变更检测与绑定的方式 索引的性能 数据的大小 数据的结构 我们要优化Angular项目的性能,也需要从这几个方面入手. 1. 减少监控值的个 ...