HTML5超过几年,不再是好奇心。现在,用于简单地模拟一张纸的网页现在预计会做一些令人迷惑的东西来证明他们的存在。由于HTML5,以及JavaScript和CSS的创新,互动逻辑是Web编程的标准策略,并且到处都是全方位的Web应用程序。所有所花款都需要一些额外的标签,可以将世界的软件作为网页重写。
至少那是愿景。和人们一直在吃它。IT经理喜欢HTML5和云的承诺,因为它意味着在桌面上安装一个应用程序 - 浏览器 - 忘记小区中的这些框。程序员喜欢它,因为HTML5往往很容易把一些标签放在正确的地方,即使CSS可以昼夜驾驶我们发疯。豆柜台喜欢它,因为网络设计师比C ++程序员更便宜,更丰富。战略管理人员喜欢它,因为他们不需要询问智能手机制造商允许进入他们的网站商店。
[专家将所有关键的HTML5规范从画布解释到本地存储,加上HTML5支持的最新浏览器基准和报告卡InfoWorld的MegAguide到HTML5。今天下载PDF!|谨防关于HTML5的11个严重的真理。|与InfoWorld的最新开发人员新闻跟上开发商世界时事通讯。]
当然,我们都知道这一愿景在HTML5 Buzz之前很久就会出现。它只是让我们很长时间来实现JavaScript的原始创造者奠定了梦想,其中所有网页都将是互动应用程序。使用中的技术是新的和那些在HTML5标准变大之前的新的混合。结果是应用程序和套件,提供业务可能需要的大部分功能。
这是一下七个强大的应用程序如何实现HTML5愿景以及一个高调的批评者如何失去对网络的下一个大事的热爱。所有人都提供了如何充分发挥如何充分利用HTML5,JavaScript和CSS,同时避免依赖的难题网页技术向您的用户提供您的珍贵应用程序。
示例性HTML5应用程序第1号:Zoho
至少有33个应用程序Zoho系列。有些是基本的生产力应用程序,如文字处理器,其他人像Zoho CRM应用程序一样类似于结构化数据库,用于存储有关客户,用户和客户端的信息。Zoho明智地找到了一种使用Google应用程序的方法,因此您可以使用最好的两个集合。
Zoho的工具依赖于HTML5规范的许多部分,但比您可能期望的更少。编辑工具使用精心设计的CSS规则执行许多布局工作。编辑逻辑全部由Zoho的代码处理,我无法在我尝试的任何文档中找到新的HTML5 ContentEdable标签。如果功能集是复杂的,则可以更容易地不相信浏览器来处理编辑。
几个zoho应用程序使用任何一个zoho app本地存储或会话存储API。他们可以按键/值对以后重复使用。
HTML5工具集的其他部分是显而易见的。表单构建器让您将元素拖放到位。但是,数据似乎正在使用自己的内部钩子而不是表单验证的新功能。
示例性HTML5应用程序第2号:Google文档
他们开始简单,但是谷歌文档谷歌驱动器几乎所有我们需要做的事情。对我而言,当我在手机的另一端同时编辑文档时,定义时刻来了。我们在我们与工作之间流动的变化已经完成。Google文档不提供Microsoft Office所做的许多功能,但它与Gmail的集成使Google的在线办公室替代始终处于Snap。
应用程序的大部分应用程序似乎对所有工作都使用基本的HTML。表格,文本和数字是用HTML制定的,鼠标键点击驱动器。本地存储被分配,但在广泛使用后,我可以在浏览器的本地数据库中找到许多密钥/值对。
据说谷歌与Google Web Toolkit建立了许多基于Web的工具,这是一种基于Java的机制,可以将所有Java转换为JavaScript。使用许多浏览器,它是良好的调整,包括来自之前的几代的一些。在Google开始依赖于HTML5之前可能有一段时间。鉴于谷歌的Chrome经常报告HTML5TEST,一个合规性检查网站的最佳分数之一,这是一个讽刺意味。
示例性HTML5应用程序第3页:HTML5幻灯片应用程序
在HTML中构建幻灯片甲板而不是PowerPoint的幻灯片,包括呈现.js,remote.js,fathom.js,sheeve.js和csss。图像和文本在屏幕周围旋转并旋转,使普通的PowerPoint幻灯片看起来很无聊和上世纪。如果您的受众之后仍然睡着,那将是您的错。
程序的核心使用基本的HTML在给定绝对坐标的div中绘制幻灯片。当您通过该程序时,它将使用WebKit转换,通过平移,扭曲,转动或甚至在3D上旋转来更改这些DIV的视图。所有新的HTML5添加到CSS布局引擎和Canvas对象的添加可用于设计幻灯片。
对于看起来非常令人印象深刻的东西,这种方法非常简单。如果您可以使用标准字体和标签在HTML中代码邮件,JavaScript将完成其余部分。
示例性HTML5应用程序第4号:鸟舍
在JavaScript和HTML中创建一个好的文本编辑器是一项挑战,但创建照片编辑器更令人印象深刻。许多用于修复照片的重要工具可用作刚刚在浏览器中运行的应用程序的按钮。Photoshop可能花费了数百美元,但鸟舍大多数人都是普通人想要的大部分。(在这里测试它。)
鸟舍使用HTML5的Canvas对象,对HTML的一个令人惊讶的复杂补充。该标准提供了绘制文本或行的基本方式,并且许多Web应用程序使用这些功能绘制图形。但是,在所有这些都是用于处理各个像素的大量工具。这就是一些猛虎公司增强功能的鸟类用途。
示例性HTML5 APP第5页:SCRIBD
Scribd始于详细的闪存应用程序以显示文档。它的目标是成为网络上文件的领先存储库,只有闪光灯就闪存给它,以准确渲染世界所产生的广泛文档所需的字体支持和精确放置。
两个主要功能使Scribd与HTML5:Web字体和画布重复了大部分内容。Web字体增强功能使SCRIBD成为可能的是更好地捕获文档中使用的字体。直到最近,大多数浏览器只能访问Serif,SAN Serif或单次字体的一些基本示例。
改进的HTML5 Canvas使Scribd能够在屏幕上的任意位置绘制这些字母和其他位图。Scribd的HTML5版本现在更简单,因为必须使用Flash插件引起的不兼容性超出了循环。浏览器的其他功能也适用于文档 - 依赖于闪存插件时不会发生。例如,您可以直接使用鼠标点击选择句子或单词。瞧。现在将像普通网站一样对待复杂的文件。
示例性HTML5应用程序第6页:Hootsuite
当Hootsuite的小组开始建立一个平台来在我们的生活中编织所有社交网络时,它认识到HTML5是一个自然平台。Hootsuite将使用Web聚合Web。生成的工具允许您在一个中央网站上观看所有社交网络,这是Hootsuite赋予光用户并销售给企业和企业用户的功能。
Hootsuite的服务器在使用OAuth身份验证后收集所有社交网络数据以连接到您的社交帐户。服务器使用Ajax调用将其送到浏览器,浏览器布局剩下的。
Web应用程序使用HTML5的本地存储键/值数据库广泛地缓存信息并限制Web流量的数量。这对移动用户或任何碰巧在计量计划连接到互联网的人时最有用。
示例性HTML5 APP第7号:愤怒的鸟类
我们知道它并将其作为适用于您的iPad的应用程序,但您可以获得副本来自Google Chrome的愤怒的小鸟并在浏览器中将其运行在桌面上。与常规网站一样,甚至就像普通游戏一样。现在,您可以像智能手机一样使用浏览器。
升级的HTML5帆布标签及其许多绘图操作在于愤怒的鸟类的核心,与许多其他HTML5游戏一样,如Microsoft建造的Atari街机。该例程为程序员提供了绘制游戏的所有艺术品。正在重写为Flash的愤怒鸟类核心的许多旧图书馆(如物理库)正在重写,以支持在画布上绘制HTML5应用程序。
从循环中获取闪光灯的承诺,消除闪存插件和浏览器无法相处时出现的所有故障。
HTML5警告故事:Facebook移动应用程序
不是每个人都与HTML5路径屏幕。一些投入巨资的一些人HTML5正在退缩。Facebook首席执行官Mark Zuckerberg称它是一个大型战略错误,可以使用HTML5创建Facebook的移动产品。解决方案效果,但它们是缓慢而剧烈的,因为浏览器刚刚足够快,可以处理所有数据。在限制内存足迹时,本机应用程序更好,这通常是程序员在移动平台上工作的最重要限制。
HTML5的粉丝确认了这些投诉,但它不像原生应用程序是完美的,易于编写和便携式的。他们建议的解决方案是保持您的愿望检查并使用最佳的新功能。不要试图在浏览器中运行的第一人称射击游戏中展示Bazillion三角形。使用本地数据库等新标签和后端增强功能。从一个简单的编辑器开始,缓慢构建。HTML5的优势在于,您可以一次推出一个新功能,而无需要求用户通过所有升级的悲伤。
这个故事,“最多的7个应用程序最多的HTML5”最初发布infoworld. 。