分享全球十款超强HTML5开发工具


Posted in HTML / CSS onMay 14, 2014

 最近,看到有人在HTML5论坛问到,目前全球有哪些比较优秀的HTML5开发软件。笔者根据自己对HTML5的了解,以及周边的所见所闻,总结了十款非常不错的HTML5开发工具和大家分享一下。

    当然,HTML5的开发工具真的很多,还有一些也是非常优秀的!在这里,笔者只列举十款全球使用人数较多的HTML5开发工具。有朋友曾要我向他推荐一款最好的,笔者认为好不好,很大程度跟自己的喜好有关。

1.Initializr

分享全球十款超强HTML5开发工具

    Initializr is an HTML5 templates generator to help you getting started with a new project 
based on HTML5 Boilerplate. It generates for you a clean customizable template with just 
what you need to start!

    Initializr是制作HTML5网站最好的入门辅助工具,您可以使用提供的特色模板快速生成网站,也可以自定义,Initializr会为你生成代码简洁的可定制的网页模板。

2.HTML5 Demos

分享全球十款超强HTML5开发工具

    HTML 5 experimentation and demos I've hacked together. Click on the browser support icon 
or the technology tag to filter the demos (the filter is an OR filter).

    想知道你的浏览器是否支持HTML5 Canvas吗?想知道Safari是否可以运行简单的HTML5聊天客户端吗?HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。

3.HTML5 Tracker

分享全球十款超强HTML5开发工具

    想了解HTML5的最新动向吗?使用HTML5 Tracker吧,它可以跟踪HTML5最新修订信息。

4.HTML5 visual cheat sheet

分享全球十款超强HTML5开发工具

    想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。

5.Switch To HTML5

分享全球十款超强HTML5开发工具

    Switch To HTML5是一个基础而有效模板生成工具。如果你开始一个新项目,可以到这里获取免费的HTML5网站模板。

6.Cross browser HTML5 forms

分享全球十款超强HTML5开发工具

    HTML5中的日历,取色板,滑块部件等都是非常棒工具,但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。

7.HTML5 Test

分享全球十款超强HTML5开发工具

    您的浏览器准备好迎接HTML5革命了吗?HTML5 Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

8.HTML5 Canvas cheat sheet

分享全球十款超强HTML5开发工具

    Canvas元素是HTML5最重要的元素之一,它可以在网页中绘制图形,非常强大。这是一个Canvas元素的详细速查手册。

9.Lime JS

分享全球十款超强HTML5开发工具

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

10.HTML5 Reset

分享全球十款超强HTML5开发工具

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

    最后,笔者再说两句,尽管优秀的HTML5开发工具有很多,但我们只需要选择一到两款合适自己使用就够了,开发工具毕竟只是更方便地帮助我们完成一些任务,最重要的是我们对HTML5技术的认识与应用。

HTML / CSS 相关文章推荐
CSS3弹性盒模型开发笔记(三)
Apr 26 HTML / CSS
css3 background属性调整增强介绍
Dec 18 HTML / CSS
CSS3的Border-radius轻松制作圆角
Dec 24 HTML / CSS
CSS3标注引用的出处和来源的方法
Feb 25 HTML / CSS
CSS3 按钮边框动画的实现
Nov 12 HTML / CSS
html5新特性与用法大全
Sep 13 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
Jan 26 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
使用HTML5的表单验证的简单示例
Sep 09 HTML / CSS
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
Aug 18 HTML / CSS
CSS实现背景图片全屏铺满自适应的3种方式
Jul 07 HTML / CSS
CSS中使用grid布局实现一套模板多种布局
Jul 15 HTML / CSS
HTML5实现晶莹剔透的雨滴特效
May 14 #HTML / CSS
HTML 5 input placeholder 属性如何完美兼任ie
May 12 #HTML / CSS
HTML5 embed标签定义和用法详解
May 09 #HTML / CSS
HTML5新增元素如何兼容旧浏览器有哪些方法
May 09 #HTML / CSS
使用html5 canvas创建太空游戏的示例
May 08 #HTML / CSS
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
May 08 #HTML / CSS
Data URI scheme详解和使用实例及图片base64编码实现方法
May 08 #HTML / CSS
You might like
php注销代码(session注销)
2012/05/31 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
利用php获取服务器时间的实现代码
2013/06/07 PHP
多广告投放代码 推荐
2006/11/13 Javascript
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
javascript编程起步(第四课)
2007/02/27 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
python有证书的加密解密实现方法
2014/11/19 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
python实现人民币大写转换
2018/06/20 Python
python实现zabbix发送短信脚本
2018/09/17 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
Python循环结构的应用场景详解
2019/07/11 Python
python读取指定字节长度的文本方法
2019/08/27 Python
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
网络安全类面试题
2015/08/01 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
经典搞笑版检讨书
2015/02/19 职场文书
企业法人代表证明书
2015/06/18 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL
golang定时器
2022/04/14 Golang