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等等,那么对于一个开发者而言,挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦,大家可根据自己的喜好选择哦!
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开发工具的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注本平台!
搜集并重点推荐了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本书籍,侧重点各有不同,但其中肯定有一两本是你所需要的。