资讯频道 → Web前端
阅读更多

2顶
2踩

Web前端

转载新闻 很多用户都不知道的10个优秀的HTML5编码工具

2011-08-21 23:02 by 资深记者 jforever 评论(3) 有3952人浏览
html5

HTML5将彻底改变我们建设网站和Web应用程序的方式。这里有10个伟大的工具，用于简化和提高HTML5的编码。

 

Initializr

 

Initializr

假如你才刚开始利用HTML5来创建网站，可访问Initializr来入门。这个网站将帮您根据样板来创建一个简洁，可定制的网站模板。它包含了初学者，所需要的一切。

HTML5demos

HTML5demos

HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性，在不同浏览器下的支持情况。比如可以测试HTML5 canvas在Firefox上是否支持或Safari是否可以运行HTML5简单的聊天客户端等。

HTML5 Tracker

HTML5 Tracker
HTML5 Tracker能够用于跟踪HTML5相关的最新修订信息。

HTML5 visual cheat sheet

HTML5 visual cheat sheet

 这一个HTML5标签速查表，能够帮助您快速，简便地查找标签或属性。各种速查表对所有Web开发的人员来说非常好用。

Switch To HTML5

Switch To HTML5

这是一个非常简单，基本，但高效的模板生成器。如果你想要开始开发一个基于HTML5的网站，可以访问这个网站来获得一个免费的HTML5网站模板！

Cross browser HTML5 forms


表单是一个网站非常重要的一部分。 HTML5的特性日历，色彩板，滑动部件，客户端验证等这些都是非常强大的工具，但现实的情况就是，大多数的浏览器不支持所有的功能。这是一个很大的问题，刚好Cross browser HTML5能够帮您如何轻松创建一个跨浏览器的表单。

HTML5 Test

HTML5 Test
你现在使用的浏览器是否支持HTML5？你可以利用HTML5 Test这个工具来检测你的浏览器对HTML5新增的Video, audio, canvas等特性的兼容情况。

HTML5 Canvas cheat sheet

HTML5 Canvas cheat sheet
画布canvas是一个HTML5的重要组成部分，因为它可以让你在屏幕上绘制图形。在很多情况下，你都有可能用到它。这个速查表将对您非常有帮助。

Lime JS

Lime JS
这是一个HTML5游戏框架，让您能够快速创建，对所有的触摸屏和桌面浏览器的都具有本地体验的游戏。它非常令人吃惊，你必须尝试一下。

HTML5 Reset

HTML5 Reset
HTML5 Reset提供一组HTML, CSS等文件，让你能够以最少的时间来启动一个新的项目。

原文地址：http://smashinghub.com/excellent-html5-coding-tools.htm

2
顶
2
踩
评论 共 3 条 请登录后发表评论
3 楼 GoodWell 2011-08-22 10:25
等待考验！！！
2 楼 huhuanqadn 2011-08-22 09:48
IE6,7,有这想法，还是劝你别玩h5了。
1 楼 dwbin 2011-08-22 09:20
国内有没有使用HTML构建的网站？IE6，7的兼容性怎么样？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

    ⛅ Weather.io ☔⚓ 第 1 步 - 设置环境并收集所有资源 第 2 步 - 从 index.html 开始 第 3 步 - 设置索引文件的样式 第 4 步 - 获取 Weather API 和 Unsplash API 密钥 第 5 步 - 从 JavaScript 编码开始 第 6 步 -...

  • 文本文件编码转换工具 gbk utf8 gb2312

    这样一来就出现了不兼容,因为在国内大家都是以GBK gb2312编的码 包括 17PHP.com 网站里的学习源码文件(我用的是77例中的) 和很多插件 论坛代码... ...Discuz!也是的 解决起来很简单,把它们的编码都改成 utf8 好了. ...

  • 每个开发人员都应该知道的 10 大安全编码实践

    这是每个开发人员都应该知道的十种安全编码实践。它们一起可以减少错误并保护你的系统免受恶意活动的侵害。通过遵循这些约定，你可以帮助确保代码安全、保护你的公司并减少被攻击者利用的机会。

  • 推荐 10 个优秀的 HTML5 编码工具

    这里有10个伟大的工具，用于简化和提高HTML5的编码。 假如你才刚开始利用HTML5来创建网站，可访问Initializr来入门。这个网站将帮您根据样板来创建一个简洁，可定制的网站模板。它包含了初学者，所需要的一切。

  • 十款好用的HTML生成工具，大家都用过了吗？

    因此，网页设计需要考虑的设计因素有很多，绝不仅仅只是为了美观。本文将推荐十款好用的HTML生成工具，帮助大家更高效率的完成网页设计。 1、Bootstrap Studio 这是一款桌面应用程序，旨在帮助web开发人员和设计...

  • 11个基础的HTML5动画工具

    如今，在Web开发中最为流行的语言就是HTML5了，它帮助开发者将多样化的内容...HTML5受到欢迎的原因也在于它给用户带来的极大便利，当前的大多数浏览器，如Chrome、Firefox、IE等都对它给予支持。　HTML5使得开发者能为

  • 基于HTML5 Canvas和jQuery 的画图工具的实现

    HTML5 提供了强大的Canvas元素，使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说，先看成品：

  • 用于播放视频的Html5元素是,HTML5多媒体播放video元素与audio元素详解

    在HTML5问世之前，要在网络上展示视频、音频和动画，除了使用第三方自主开发的播放器外，使用得最多的工具应该是FLASH了，便它们都需要在浏览器中安装各种插件才能使用，而且有时速度很慢。HTML5的出现使这一局面...

  • 给你推荐10款优秀的 HTML5 动画工具

    HTML5 在过去三年快速增长，已经成为 Web 开发人员最喜欢的编程语言之一。...今天，我们列出了10个优秀的 HTML5 动画制作工具，可以帮助你的工作。 1.Createjs Createjs是与HTML5 canvas元素工作的Jav

  • 5个最优秀的Java和C#代码转换工具

    毋庸置疑，Java是一门最...和Java类似，C#也是一门拥有很多现代化特性的编程语言，很多开发者处于其安全性和稳定性，会选择C#这个平台。本文介绍了几个最优秀的Java和C#代码转换工具，希望对开发者有所帮助。 1、Jav

  • 最佳HTML5应用开发工具有哪些？

    今天给大家整理一下HTML5的应用开发工具，都是常用的哦，赶快收藏吧。 1.Animatron 使用直观的Animatron编辑器去设计和发布可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。 将工作...

  • 阿ken的HTML、CSS的学习笔记_多媒体技术（笔记八）

    在 HTML5 出现之前并没有将视频和音频嵌入到页面的标准方式，多媒体内容在大多数情况下都是通过第三方插件或集成在 Web 浏览器的应用程序置于页面中。 例如，目前最流行的方法是通过 Adobe 的 FlashPlayer 插件将...

  • 10个基本的HTML5动画工具设计

    HTML5已经成为最流行的编程语言在web开发者。强大的编程语言有很大的能力，...今天，我们列出了十个HTML5动画制作工具，可以帮助你的工作。 1.Mixeek Mixeek是一个免费的软件工具，可用于网页动画设计与制作。该工具

  • 小工具———字符编码转换查看（MFC）

    最近这一年多的工作当中，有很多工作都涉及到了编码问题，每次都要去网上查很麻烦，所以，现在自己写了一个工具，方便查看各种各样的字符编码。 是用VS2012写的，用了MFC。 直接上图吧 说明： **1.**URL编码 ...

  • C++软件开发值得推荐的十大高效软件分析工具

    C++软件开发值得推荐的十大高效软件分析工具

  • ② - 前端三剑客之基础入门篇 - 前端开发工具和环境准备

    工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使用的最广泛的工具 “VS Code” , 并在本地搭建好开发环境。

  • 从 HTML 提取文本的 7 个工具

    本文包括了为初学者和小项目而设计的简单工具，还有需要一定的编码知识，旨在用于更大，更困难的任务的高级工具。 收集电子邮件地址、竞争分析、网站检查、定价分析和客户数据收集 — 这些可能只是你需要从 HTML ...

  • HTML5视频直播及H5直播扫盲

    目前视频直播，尤其是移动端的视频直播已经火到不行了，基本上各大互联网公司都有了自己的直播产品，所以对于直播的一些基本知识和主要技术点也要有所了解，本次分享就向大家介绍一下其中的奥秘。 内容大体框架: 1....

  • Web前端开发师必备的8个工具

    前端的应用非常广泛，基本网站、APP、HTML5小程序等都需要前端开发，所以只要是互联网产品基本都需要前端。 前端程序猿切页面写页面，Web上、H5上的炫酷效果，是前端开发大展身手的地方。最常见的用于前端开发的技术...

  • HTML网页设计基础笔记 • 【第1章 HTML5基础】

    本章目录 1.1 HTML介绍及开发工具 1.1.1 HTML 的基本概念 ...1.1.5 网页开发工具 1.2 HTML5 标签 1.2.1 HTML5 标签概述 1.2.2 doctype 标签 1.2.3 html标签 1.2.4 head 标签 1.2.5 meta 标签 1.2.6 t...

Global site tag (gtag.js) - Google Analytics