分享全球十款超强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+DIV实现漂亮的动画彩色标签
Jun 16 HTML / CSS
支持IE8的纯css3开发的响应式设计动画菜单教程
Nov 05 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
CSS3按钮鼠标悬浮实现光圈效果源码
Sep 11 HTML / CSS
html通过canvas转成base64的方法
Jul 18 HTML / CSS
html5构建触屏网站之网站尺寸探讨
Jan 07 HTML / CSS
一款利用html5和css3动画排列人物头像的实例演示
Dec 05 HTML / CSS
HTML5单页面手势滑屏切换原理分析
Jul 10 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
Dec 23 HTML / CSS
CSS3点击按钮圆形进度打钩效果的实现代码
Mar 30 HTML / CSS
CSS3 制作的彩虹按钮样式
Apr 11 HTML / CSS
css3手动实现pc端横向滚动
Jun 21 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 日志缩略名的创建函数代码
2010/05/26 PHP
PHP实现读取一个1G的文件大小
2013/08/24 PHP
PHP+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php给数组赋值的实例方法
2019/09/26 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
面包屑导航详解
2017/12/07 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
Python类的用法实例浅析
2015/05/27 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
Python制作动态字符图的实例
2019/01/27 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
Python如何调用JS文件中的函数
2019/08/16 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
python实现快递价格查询系统
2020/03/03 Python
Python实现自动签到脚本功能
2020/08/20 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
职业生涯规划书基本格式
2014/01/06 职场文书
师范毕业生自我鉴定
2014/01/15 职场文书
粗加工管理制度
2014/02/04 职场文书
老师对学生的寄语
2014/04/09 职场文书
条幅标语大全
2014/06/20 职场文书
信访工作汇报材料
2014/10/27 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫