5个超级实用的html5开发工具推荐

1.SproutCore

站在用户的角度思考问题，与客户深入沟通，找到景县网站设计与景县网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、虚拟主机、企业邮箱。业务覆盖景县地区。

SproutCore是一个开源的JS-MVC框架，用于快速构建原生的Web应用。SproutCore已经存在很多年了，它的目标是能在浏览器中提供极佳的桌面效果应用而无需任何浏览器插件。而且，SproutCore还能和任何后端服务器技术搭配使用。

2.HTML5 Maker

在未来的几年里，HTML5动画将会成为一个很庞大的东西，并不仅仅因为它是显示Web动画的有效途径，还因为广告公司将会大量使用它。HTML5 Maker是一个可以轻松创建动画效果的工具，拥有数十个模板供你选择，你不再需要花费时间从头开始做动画，此外，这个工具是为产品创建横幅广告的不错选择。

主要特性：

· 响应动画：适用于所有设备的不同屏幕。

· 模板：拥有专业高质量设计的模板。

· 库：拥有图标、按钮、箭头、背景等众多资源。

· 嵌入与分享：轻松地从云中将创建好的动画嵌入到网站或博客中去。

· 云端：随时编辑和下载，与客户、团队和朋友共同分享模板。

3.Tumult Hype

使用Tumult Hype，你可以创建出非常漂亮的HTML5 Web内容，通过它制作出的交互式内容和动画可以在桌面、智能手机和iPad上无压力运行，而且还没有编码要求。不过有一点，Tumult Hype是收费的。

主要特性：支持多浏览器;内置支持HTML5音频和视频，允许创建多媒体。Tumult Hype采用各种先进功能，其中包括模糊、色调偏移、3D转换等;支持移动设备。

4.MontageJS

MontageJS是一个开源的HTML5框架，着眼于可维护性和性能设计。MontageJS通过提供模块化组件、实时双向数据绑定、事件处理、CommonJS依赖管理等简化了HTML5的开发，帮助构建强大的单页Web应用。

主要特性：

· 面向组件的模板：这些HTML模板封装组件的JavaScript代码，以及资源，比如CSS文件和图像。

· 功能性反应绑定(FRB)：MontageJS支持组件、对象和集合之间的双向数据绑定，允许你去协调视图和模型之间的状态。

· 可重用组件

· 高性能

5.LimeJS

LimeJS是一个开源的HTML5游戏框架，可以帮助你快速开发具有原生体验的游戏，并适用于所有的移动终端，代码已托管至Github上。LimeJS提供了一些简化游戏开发的功能、一些场景和灵活的事件管理机制，并附带动画和效果转换机制。

主要特性：基本集成Box2D、更好的音频支持、支持本地缓存、WebGL渲染器、跨平台。

以上就是青藤小编关于html5开发工具的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时关注本平台!

html5书籍推荐

搜集并重点推荐了10本的书目，它们确实是学习HTML5的好帮手。

10、HTML5 APP商业开发实战教程

推荐指数：★★★★★

简介：这是目前唯一一本真正的HTML5 App开发教材，目前已在复旦、北大、西安交大、北京理工等五十多所高校投入教学使用。它的特点是由浅入深、由易到难，将开发技巧、和开发工具结合在一起阐述，同时选取了多个商业项目APP的实战案例进行要点讲解，通俗易懂。

和下面推荐的几本书不同之处在于，本书是面向应用型本科和高等职业院校设计的标准化教材，并经过认证，且该教材能与国家及国际认证考试无缝对接。

尤为难得的是，本书配套录制了非常详实的课程视频，在腾讯课堂和百度传课都能免费收看。线下阅读和线上授课相结合，对于消化、理解相关知识点有较好的辅助作用。

9、Java语言精粹（修订版）

推荐指数：★★★★★

简介：JS是门混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9个方面来呈现这门语言真正的精华部分，通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分，且告诉你如何避免它们。最后还介绍了JSLint，通过它的检验，能有效地保障我们的代码品质。

8、HTML5程序设计（第2版）

推荐指数：★★★★★

简介：《HTML5程序设计(第2版)》首先介绍了HTML5的历史背景、新的语义标签及与以往HTML版本相比的根本变化，同时揭示了HTML5背后的设计原理。本书在上一版的基础上新增了SVG和拖放API相关内容，并对部分内容进行了更新。从第2章起，分别围绕构建令人神往的富Web 应用，逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用，辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web标准所涵盖的核心技术。

本书面向有一定经验的Web应用开发人员，对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。

7、HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站

推荐指数：★★★★☆

简介：全书以HTML与CSS为主，配合jQuery制作网页，并搭配jQuery Mobile制作移动网页，通过具体的范例从基础到高级循序渐进地讲解。首先介绍了HTML5网页开发和CSS网页美化，还介绍了目前热门的移动设备网页技术，读者无须学习复杂的程序，就能够轻松创建移动设备的网页;最后通过两个移动设备网页制作实例让读者进行实战练习，以加深理解。理论部分介绍比较扎实，美中不足的是实战案例相对较少。

6、HTML5与CSS3权威指南（上下册）（第3版）

推荐指数：★★★★☆

简介：本书分为上下两册。上册全面系统地讲解了HTML5相关的技术，以HTML5对现有Web应用产生的变革开篇;下册全面系统地讲解了CSS3相关的技术，以CSS3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。

5、HTML5触摸界面设计与开发

推荐指数：★★★★☆

简介：《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

4、疯狂HTML5/CSS3/Java讲义

推荐指数：★★★★

简介：这是一本全面介绍HTML 5、CSS 3和Java前端开发技术的图书，系统地介绍了HTML5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，《疯狂HTML 5/CSS 3/Java讲义》还系统地介绍了Java编程知识，包括Java基本语法、DOM编程，以及HTML 5新增的本地存储、离线应用、Java多线程、客户端通信支持、WebSocket编程等。

3、HTML5移动web开发实战详解

推荐指数：★★★★☆

简介：本书由浅入深，全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例，读者可以通过这些例子理解知识点，也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广，从基本原理到实战，再到项目工作流，几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。

2、响应式web设计：HTML5和CSS3实战

推荐指数：★★★★

简介：全书主要是带领读者做一个小网页来写的，其实响应式的东西讲得比较少，大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门，这本书不错。

1、HTML5 + CSS3 从入门到精通

推荐指数：★★★☆

简介：本书通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+ CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程。

以上推荐的10本书籍，侧重点各有不同，但其中肯定有一两本是你所需要的。

初学HTML5技术，有这些网站就够了

HTML5基础知识网站

1.W3C

全称“W3School”，简直是学习网站中的“战斗机”，每一节都有学生时代老师般的“板书”，丰富的实例展示，还有工具书、小测验等提升工具，私教般的存在!

2.Dive into HTML5

这个网站几乎都是关于HTML5的文档，讲一些很基础的知识，简洁清新。如果想学习HTML5的同时提高英语阅读能力，这个网站是极好的。类似的英文网站还有woorkup。

3.h5之家

除了丰富且与时俱进的教程，这个网站还有很多关于HTML5业界的独特见解，闲暇时候看看，拓展知识又能在人前装X，这样的网站哪里找!

HTML5案例网站

1.HTML5xCSS3

拥有超丰富的HTML5案例和模板，随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟!

2.360html5基地

350旗下的HTML5作品展示网站，大部分是HTML5游戏展示，可爱有趣。比如打开一个割绳子的HTML5展示：

3.HTML5 Games

相对360来说更丰富的HTML5游戏资源，玩着玩着技能激发设计灵感呢!

HTML5技术网站

1.whatwg

网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客，里面一些文章能让人受益匪浅。

2.HTML5医生

一些关于html5语义及如何使用它们的文章，医生会定时回答网友们的问题。

3.HTML5中国

一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站，还有各类HTML5的资讯、沟通交流论坛等。

HTML5测试网站

1.HTMLDemos

测试HTML5标签在各浏览器的兼容性，还能查看各种HTML5的标准Demo演示。

2.html5 test

能为浏览器对HTML5的兼容性打分，可以知道你当前的浏览器对HTML5的支持情况如何，各种标签和组件的支持情况。

所以，网站已经分享给你们了，如果真心要学习此项技能，快去实践吧!

国内几款比较好用的html5页面制作工具有哪些？

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。

6、visual studio code

一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。

8. Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。

开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今编辑器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！

哪一款 HTML5 编辑器最值得推荐？为什么

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury 是个全功能的编辑器，包含TinyMCE和CKEditor同样的功能，但又有不同的特性。与iFrames有所不同，它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代码编写，其支持所有的主流浏览器。

Website/Downoad

2 Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor 是个基于浏览器的富文本编辑器框架。不像其他大多数的HTML编辑器，Aloha可以被嵌入到CMS、Blog，及其他标准的web开发框架中。

Website

3. Rendra- Online HTML 5 Editor

Rendra 是个在线HTML5 编辑器，支持用户实时预览，用户可以使用哪个浏览器支持的HTML 5和CSS 3，以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代码编写的。用户可以用Rendra测试JS代码，允许用户利用 jQuery UI,jQuery 工具和插件。

Website

4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一个新的WYSIWYG编辑器，跨平台， 支持Windows, Linux and Mac OSX。 该编辑器内置HTML5/CSS3编辑功能，可以轻松地用它来实现传输、文本和边框的阴影、斜体等效果。它使用Google Font Directory 和FontSquirrel addons，可以设置个性化网页字体。

Website

5. Maqetta : Open Source Project HTML5 Editor

Maqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。

Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。

6. Apatana Studio 3

Aptana Studio 3 是开源web开发工具，它允许开发者测试web应用，支持最新的web开发技术如HTML5, CSS3, JavaScript, Ruby, Rails, PHP 和 Python。Apatanna包含很多的功能，比如GIF integration, HTML,CSS和JavaScript Code assists, integrated debugger, 部署向导，以及IDE定制化。

想学习HTML5，有什么好的书籍推荐吗？

首先，永远不要用《从入门到精通》那种书学习，当字典差不多，用于自学，那就准备《从入门到放弃》吧~~~

然后嘛，HTML5本身由不同的语言组成，是HTML+CSS+JavaScript，三种语言各自有各自的特点，HTML与CSS，属于结构和样式，就是做网页布局，JS是逻辑层面，脚本语言。

结构样式方面，比较推荐当前比较新的书籍，比如《HTML5布局之路》，很详细的讲解了布局知识，还提供了相关的项目经验以及面试题。

JS方面，权威方面的书籍是《高级JavaScript程序设计》和《JS犀牛书》，但是这两本都比较适用于有一定基础的人。对于没基础的，可能国外的head first系列会更适合，国内的话，很适合入门的书籍目前没看到。

当前文章：html5推荐,html5推荐书
网站URL：http://kswjz.com/article/dsdshcj.html