从七款移动应用看HTML5开发

<![CDATA[

66.jpg


      成熟的Web应用正在验证HTML5,CSS和JavaScript的力量,且为我们提供了大量示例告诉我们使用最新脚本和标签的最佳方法。下面是关于七款强大的应用如何部署HTML5。且细数了如何在使用HTML5,JavaScript和CSS的同时避免依赖Web技术向用户提供应用。

      HTML5已经有些时候了。曾经只是模拟纸张的页面现在有望做些与众不同的改变来证明自己的存在。幸好有了HTML5,JavaScript,和CSS创新,互动逻辑成为了网页编程的标准策略,成熟的网页应用也随处可得。所需的只是用一个额外标签将软件作为网页来重写。

      IT管理人员喜欢HTML5和云技术所给的承诺,因为这意味着可以直接在桌面上安装应用。程序员喜爱它是因为HTML5通常只需将一些标签放入合适的位置,即便CSS有时会让人抓狂。而Web设计者比C++程序员更便宜,更多产则是精于计算的小老板喜欢它的原因。策略型管理者喜欢它是因为他们不需要从智能手机厂商那里获得进入Web商店的许可。

      当然,我们知道这些在HTML5兴起之前就有了。只是我们花了很长时间才实现JavaScript最初创建者的梦想,即所有网页都是互动型应用。而所使用的技术则糅合了HTML5标准成形前后的技术。其结果便是出现了可以满足公司大部分需求的应用和应用套件。

      下面是关于七款强大的应用如何部署HTML5。且细数了如何在使用HTML5,JavaScript和CSS的同时避免依赖Web技术向用户提供应用。

      1.Zoho

      在Zoho集合中至少收纳了33个应用。有些是基础的生产应用,如文字处理器等,更像是用于保存客户,用户和客户端信息的结构化数据库。Zoho聪明地选择和谷歌合作,所以你可以从两家的应用集中选择最佳产品。

      Zoho的工具依赖于HTML5规格的许多部分,但是比你预计的要少。编辑工具通过CSS规则执行布局操作。编辑逻辑由Zoho代码控制,而笔者在所有文档中都找不到新的HTML5 contentEditable标签。如果特性设置复杂,就可以不让浏览器控制编辑。

      有些Zoho应用开放了使用本地存储或对话存储API的数据库。它们可以推入key/value对供以后使用。

      HTML5工具设置的其他部分都显而易见。表单创建器可以把要素拖拽到位。尽管数据看上去是使用自己的内部hooks而不是用于表单验证的新特性。

      2.Google Docs

      Google Docs和Google Drive可以完成我们需要做的所有操作。Google Docs提供的性能没有微软Office提供的多,但是它与Gmail的结合给谷歌创建在线的Office替代物起了个头。

      这些应用似乎是使用基本的HTML进行操作。表格,文本和指数都是通过HTML铺开,然后依靠鼠标点击来进行操作。本地存储是分配的,但是在大量使用,笔者没能在浏览器的本地数据库中找到很多key/value对。

      据说谷歌要借助Google Web工具套创建许多属于自己的Web工具,Google Web工具套是一种基于Java的机制,可以把所有的Java脚本转换成JavaScript脚本。它适用于多中浏览器,比如以前的一些版本。但是要让谷歌更依赖HTML5或许还需要些时间。有些讽刺的是谷歌Chrome浏览器在HTML5Test网站(检测服从性的网站)的测试中经常是最高分。

      3.HTML5滑动应用

      有超过半打的HTML5库可用于创建HTML滑块而不是Powerpoint,包括Presentation.js,Impress.js, Fathom.js,reveal.js和CSSS。图像和文本会围绕屏幕旋转,这样普通的PowerPoint滑块看上去就很老土且没有新意。如果你的用户因此而睡着,那肯定是你的问题。

      程序的核心部分使用基础HTML在DIV中用给定的坐标布局滑块。在滑动程序的时候,它会借助WebKit通过挑选,旋扭,转圈的方法改变这些DIV的角度。所有针对CSS布局引擎和画板对象新增的HTML5改进都可用于滑块设计。

      此方法非常简单。如果你可以用HTML 标准字体和标签编写自己的信息,那JavaScript就会把余下的操作完成。

      4.Aviary

      用JavaScript和HTML创建一个好的文本编辑器是一项挑战,但是创建一个图片编辑器则会令人印象深刻。有很多工具可用来调整图片,它们就像是浏览器中运行的应用按钮一样。Photoshop或许需要几百美金,但是Aviary已经可以满足大众需求。

      Aviary使用HTML5的画板对象,这是对HTML的改进。其标准版本提供了画文本或线条的基本方式,而大量网页应用使用这些特性来画图。但是在所有性能之下是一个大型工具集可以对每寸细节进行调整。

      5.Scribd

      Scribd最初是一个用于显示文档的精美Flash应用。其目的是成为网页文档的领先存储器,只有Flash提供字体支持以及文档所需的安放的位置。

      两个主要的特性使Scribd可以复制大部分的HTML5:Web字体和画板。Web字体的改进又使Scribd可以更好地捕捉文档中使用的字体。直到最近,大多数浏览器都只是有权访问一些基本的衬线体,灯芯体和等宽字体示例。

      改进的HTML5画板可让Scribd在屏幕的任意位置画出这些字体和其他的位图。Scribd的HTML5版本操作更加简单,因为以往必须使用Flash插件造成的兼容性问题已不复存在。浏览器的其他特性还可以处理文档——而如果依赖于Flash插件是不行的。例如,你可以直接通过鼠标点击直接选择语句。复杂的文档现在就像是普通的网站。

      6.HootSuite

      当HootSuite团队开始创建一个把所有社交网络都整编到一起的平台时,它就意识到了HTML5是一个自然平台。HootSuite可以用web来聚集web。合成的工具可以在一个中心网站查看所有社交网络,此性能是HootSuite为轻量级用户做出的让步,且可以将此性能卖给企业和企业用户。

      在使用OAuth验证收集完社交账户后,HootSuite服务器会收集所有的社交网络数据。服务器会用Ajax调用将其填入浏览器,之后浏览器会处理剩下的任务。

      此Web应用使用HTML5的本地存储key/value数据库缓存信息且限制Web流量。对于移动用户而言比较]]
>