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开发工具的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时关注本平台!
入门可以通过啃书，但书本上的东西很多都已经过时了，在啃书的同时，也要关注技术的新动态。
这里推荐几本觉得还不错的入门书籍：
1、《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看看。
2、《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助。
3、《编写可维护的JavaScript》和《Node.js开发指南》：不错的Node.js入门书籍。
4、《深入浅出的Node.js》：Node.js进阶书籍，必备。
5、《JavaScript异步编程》：理解JS异步的编程理念。
6、《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西。
7、《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西。
8、《Dont make me think》：网页设计的理念，了解用户行为，非常不错。
9、《CSS禅意花园》：经久不衰的一部著作，同样传递了网页设计中的理念以及设计中需要注意的问题。
10、《高性能JavaScript》和《高性能HTML5》：强调性能的书，其中不只是性能优化，还有很多原理层面的东西值得学习。
11、《HTML5 Canvas核心技术》：我正在读的一本书，对于canvas的使用，动画的实现，以及动画框架的开发都非常有帮助。
12、《HTTP权威指南》：HTTP协议相关必备，前端开发调试的时候也会经常涉及到其中的知识。
13、《响应式Web设计》：技术本身不难，重要的是响应式网页的设计理念，以及移动先行的思想
14、《JavaScript语言精粹》：老道的书，也是普及JavaScript的开发思维的一本好书，非常适合入门。
跟HMTL相比，HTML5新增了很多内容，其中有一些特性是作为开发人员必须要了解的。一个叫秒秒学的教学网站上有专门针对HTML5的课程，讲解得还蛮细致，推荐你去看看。1.新的文档类型 (New Doctype)
HTML5简化了文档类型的声明方式。HTML5的声明方式为：<!DOCTYPE html>。
而之前的文档类型的声明方式是非常复杂，并且难以记忆的，比如XHTML 1.0的文档类型是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
2.脚本和链接无需type
在HTML4或XHTML中，你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>
而在HTML5中，你不再需要指定type属性。因此，代码可以简化如下：
<link rel="stylesheet" href="stylesheet.css" />
<script src="script.js"></script>
3.更加语义化的元素
HTML5 新增的一些更具有语义化的新标签来替代<div>标签，但它们并不提供额外的功能。这些新增的标签是：<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>等。
4.占位符 (Placeholder)
在HTML4或XHTML中，一般需要用JavaScript来给文本框添加占位符。比如：通过脚本设置，当用户开始输入时，文本框中的文字就消失。而在HTML5中，新增的逗placeholder地功能可以很简单的解决这个问题。
5.Audio 和Video 支持
在HTML5之前，网页通常需要依靠第三方插件来渲染音频。而在HTML5中，<audio>元素被引进来后，我们可以使用audio元素来渲染音频。
在HTML5中，不仅新增渲染音频的元素，同时也新增了支持视频的元素video。
6.离线 &存储
IndexedDB 是一个为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API。虽然 DOM 存储 对于存储少量数据是非常有用的，但是它对大量结构化数据的存储就显得力不从心了。IndexedDB 则提供了这样的一个解决方案。
7.HTML5 canvas
<canvas>是 HTML5 新增的元素，可使用JavaScript脚本来绘制图形。例如：画图，合成照片，创建动画甚至实时视频处理与渲染。
8.设备访问
HTML5新增的特性中，允许通过页面元素访问硬件设备，比如：[ ]摄像头、地理位置服务、检测方向、触控事件等。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）