崛起中的九大HTML5开发工具
jopen 12年前
英文原文: <a href="/misc/goto?guid=4958349499119514446" target="_blank">9 Programming Tools for Maximizing HTML5</a> <p> HTML5被看做是 web 开发者创建流行 web 应用的利器,增加了对视频和 Canvas 2D 的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如 Adobe 的 Flash 和微软的 Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。</p> <p> 虽然 HTML5 标准尚未开发完成,但是随着开发者对 HTML5 的兴趣日渐浓厚,开发工具提供商也开始跟进。以下介绍的 9 款应用工具已经能够帮助开发者在程序中集成 HTML5 功能。</p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/2d574937a816b079c3beec8390cb987b.jpg" width="399" height="241" /></p> <p> <strong>一、<a href="/misc/goto?guid=4958187587162246796" target="_blank">Adobe Edge</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/7409d3233827e76278e19855950209a6.jpg" width="550" height="319" /></p> <p> 目前还处于预览阶段的 Adobe Edge 是用 HTML5、CSS、<a href="/misc/goto?guid=4958349500813096361" target="_blank">JavaScript</a> 开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge 的一个重要功能是 web 工具包界面,方便确保页面在不同浏览器中的架构一致性,此外 Edge 还将整合 TypeKit 这样的字体服务。</p> <p> 动画和图形可以添加到 HTML 元素中,程序也能通过 Edge 自身的代码片段库或者 JavaScript 代码进行扩展。动画可以在独立的时间线上进行嵌套,还能实现互动功能。符合可以服用并通过 API 和代码片段控制。通过 Edge 设计的内容可以兼容 iOS 和 Android 设备,也可以运行在火狐、Chrome、Safari 和 IE9 等主流浏览器。</p> <p> <strong>二、<a href="/misc/goto?guid=4958349501616583951" target="_blank">Adobe Dreamweaver CS6</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/6dbafeec8b73a2e7d102c1657997f3e4.jpg" width="550" height="319" /></p> <p> Adobe Dreamweaver CS6 作为一个 web 设计软件,提供了对 HTML 网站和移动程序的可视化编辑界面。其 Fluid Grid 排版系统整合 CSS 样式表功能,提供自适应版面的跨平台兼容性。开发者可以完全实现 web 设计的可视化操作,无需为代码所困。</p> <p> 用户不但还能在 Live View 中预览,还提供多屏幕预览功能。开发者可以通过 MultiScreen 预览面板查看 HTML5 内容的渲染效果。Live View 通过 WebKit 渲染引擎支持 HTML5。</p> <p> <strong>三、<a href="/misc/goto?guid=4958349502412549242" target="_blank">Adobe ColdFusion 10</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/0c45cdfb50347d4b31c549f3ebdef0d8.jpg" width="550" height="319" /></p> <p> ColdFusion 是用来开发企业 web 程序的服务器端技术,通过 websockets、互动表单、视频和地理标签等 HTML5 技术创建富媒体用户体验。</p> <p> <strong>四、<a href="/misc/goto?guid=4958190858993904383" target="_blank">Sencha Architect 2</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/91be3f599d0b6834e2401ff3b594c68c.jpg" width="550" height="319" /></p> <p> 在开发移动和桌面应用的工具中,Sencha 的定位是 HTML5 可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发 Sencha Touch2 和 Ext JS4 JavaScript 应用,并实时预览。</p> <p> <strong>五、<a href="/misc/goto?guid=4958189732334097104" target="_blank">Sencha Touch 2</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/68d25af1f33c200288be7774812956d0.jpg" width="550" height="319" /></p> <p> <a href="/misc/goto?guid=4958349504690821061" target="_blank">Sencha Touch2</a>是移动应用框架,也被看作是 Sencha 的 HTML5 平台。开发者可以用它开发面向 iOS、Android 和 Blackberry、Kindle Fire 等多种平台的移动应用。</p> <p> <strong>六、<a href="/misc/goto?guid=4958190476090271236" target="_blank">Dojo Foundation Maqetta</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/248c90e0709298238df7a7f948460dd5.jpg" width="550" height="319" /></p> <p> 来自于 IBM 的一个项目,Dojo Foundation Maqetta 是为桌面和移动设备开发 HTML5 应用的开源工具,支持在浏览器中查看 HTML5 界面。用户体验设计师可以通过拖放组装 UI 样板。</p> <p> <strong>七、<a href="/misc/goto?guid=4958349506222270305" target="_blank">微软 Visual Studio 2010 ServicePack 1</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/945e8318c5c21e9e8985d0401b87013c.jpg" width="550" height="319" /></p> <p> 虽然一开始并不支持 HTML5,但微软在 2011 年三月发布的 Visual Studio 2010 SP1 中提供了 IntelliSense,追加了针对 HTML5 的一些元素。</p> <p> <strong>八、<a href="/misc/goto?guid=4958349507019749292" target="_blank">JetBrains WebStorm 4.0</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/5ffe5de514c177a399ded83facf12a17.jpg" width="550" height="319" /></p> <p> 作为拥有 HTML 编辑器的 JavaScript 集成开发环境,WebStorm4.0提供了开发 web 应用的 <a href="/misc/goto?guid=4958349507837785764">HTML5</a>样板。开发者可以在创建 HTML 文档时可获得对 HTML5 文件的支持。例如砍伐者键入。开发者还可以在 chrome 浏览器中实时预览 HTML 文档。</p> <p> <strong>九 <a href="/misc/goto?guid=4958346152970850018" target="_blank">Google Web Toolkit</a></strong></p> <p style="text-align:center;"><img title="崛起中的九大 HTML5 开发工具" border="0" alt="崛起中的九大HTML5开发工具" src="https://simg.open-open.com/show/3e71332256247b611acd76e20cedf272.jpg" width="550" height="319" /></p> <p> 该开发工具用于开发浏览器应用,但库中支持很多 HTML5 功能。包括对客户端或 web 存储的支持。其他 HTML5 功能还包括支持 Canvas 可视化,以及音频和视频 widget。</p> <div id="come_from"> 来自: <a id="link_source2" href="/misc/goto?guid=4958349507837785764" target="_blank">hp.dewen.org</a> </div>