1、Initializr
Initializr是制作HTML5网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr会为你生成代码简洁的可定制的网页模板。
2、HTML5 visual cheat sheet
HTML5 visual cheat sheet是一个非常酷的速查手册,每个Web开发人员的必备神器,可以帮助大家快速超找一个标签或者属性。
3、Cross browser HTML5 forms HTML5中的日历,取色板,滑块部件等都是非常棒工具,但是有些浏览器不支持。Cross browser HTML5 forms还可以帮助你构建完美的HTML5表单兼容方案。
4、HTML5demos
HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持,比如说你的浏览器是否支持HTML5 Canvas?Safari是否可以运行简单的HTML5聊天客户端等问题。
5、DreamWeaver
网页制作软件,该软件已成为专业级网页制作程序,支持HTML,CSS,PHP,JSP和ASP等多种脚本语言着色显示,同时提供模板应用功能,支持一键式生成网页框架功能。它是初学者或专业级网站开发人员必备的选择工具。
1. Adobe Dreamweaver CS6Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、JavaScript开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. DevExtreme
DevExtreme Complete Subscription是性能最优的HTML5,CSS和JavaScript移动开发框架,可以直接在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开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
5. Sencha Architect
在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用,并实时预览。
在用户体验和表现上,原生APP胜出。在这个方面,HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题,同时在提供用户展示图形界面和数据展现的丰富性方面还有不足。在跨平台开发成本上,HTML5胜出。HTML5采用网络通用语言,不用考虑终端设备或者操作系统的不同。
在更快速的更新和更强的发布控制方面,HTML5胜出。与HTML5相比,原生APP不具备的一个优势就是开放性。HTML5是基于Web的,这就意味着没有一家公司可以成为市场的“看门人”,谷歌不行、苹果不行、亚马逊不行、三星也不行,没有看门人的存在,更新的速度就不会提升、应用的收入也不会受到削减。不过,在终端设备出现创新时,HTML5在新功能的支持上仍有些落后。
在变现能力方面,原生APP胜出。原生应用的分发平台,如AppStore和GooglePlay,目前是获得收入的较为成熟的商业模式;而HTML5应用,除了付费下载以外,还没有形成其他成熟的商业模式。
在技术人才储备上,HTML5胜出。
对于碎片化挑战而言,HTML5胜出。尽管二者同样面临着严重的碎片化问题,不过HTML5先天具备的跨平台特性,可以在这方面占据先机。
优秀的html5App一般都会用到phonegap这里有很多。
但更多的App是混合两种技术同时用在一个app中,如使用原生的框架加载html5的内容之类。