似乎每个网络公司都以某种方式达到这个问题。您是否应该利用您的Web专业知识并尝试简单地创建移动Web应用福彩3d布衣天下图或完全本地人?由于我目前正在为Cakemail编码一个Web应用福彩3d布衣天下图,我推广到目前为止我所学到的内容是一个好主意,介意你’M不会谈论本地人,这只是关于Android和iOS的Web技术。

定位固定

很久以前,我推出了abettermobileweb.com。这个想法是对我们在移动堆栈中修复的批判性缺失的事实,这是一个意识,这是2010年初。不幸的是,我未能在社区中留下重要人物,而网站从未起飞,现在离线(唯一的痕迹)你可以找到它 阿贾亚人的文章)。

很多人试图使用涉及重写滚动条行为的复杂技巧来模拟此功能。我这里的建议太不能踏上这个疯狂并远离那些技巧。即使您在iPhone上获得本机表现(我怀疑),您也不会在数百个Android手机上获得它。

它会 总是 滚动后,滚动以来,滚动的东西会有错误,从而永远是100%完美的。

幸运的是,WebKit不久前实现了该功能,并且现在可以在iOS5和Android 2.3上找到定位。这意味着我们现在可以做我们前端开发人员最好,渐进的增强。将功能放在最好的手机中,另一个将默认为不显着的工具栏。

小笔记,我对Android 4.0.1的内容重型页面(平板电脑应用福彩3d布衣天下图)和位置固定工具栏进行了性能问题。请注意,即使它们支持它,即使支持它,也可能表现得非常令人震惊。

资源:
iOS 5:固定定位和内容滚动
Iscroll 4.

框架

有这么多的网络移动框架,它使我的头旋转。在这里,我的印象, 大学教师’t use them.

你不’T需要另一个框架到移动代码,它’对Android和iOS编码一个应用福彩3d布衣天下图并不是很难。我的堆栈是这样的,backbone.js,jquery&几个插件,但让’无论如何,s小跑。

jquery mobile

这家伙将是一个婊子,可以在你的流程中整合(特别是骨干网),真的它似乎没有与JS编码“mvc”堆积在一起,但是,它可以与一些人一起工作 补丁。然而对我而言,它以非常奇怪的方式做得太多了。例如,如果您关心应用福彩3d布衣天下图的表现,它将所有数据attr attr act为css类重写为css类,并且应该是禁止的。

jQuery Mobile非常好,是CSS,嵌入您的应用福彩3d布衣天下图的部分可能是一个快速的胜利。当您想做一个简单的移动网站时,此框架非常好,与令人友好的整个设备(但唐’T期望编写自定义代码并保留兼容性)。

Sencha Touch.

这是一个非常彻底的移动应用福彩3d布衣天下图框架,处理您可以想到的一切,甚至是AppStore的应用福彩3d布衣天下图包。就个人而言,我不想学习一个完整的框架,以便做移动,并被困住,但演示令人印象深刻,值得一看。

IUI,JQTouch,Zepto,M项目,JO和所有其他人。

我有很多框架,我’M确定他们中的大多数是好的,具体取决于您的需求,它可能是纳入其中一个的好主意。对我来说,移动加入仅向我的正常流量添加2件事,在观看中的特殊动画&更敏感的设计,我通常会这样做。这些可以解决而不将新框架纳入我的流程。

资源:
移动框架比较图表
我们对jQuery Mobile和Sencha Touch的经验
Sencha Touch. 2 Vs. jQuery Mobile + PhoneGap

(3D)动画

应用福彩3d布衣天下图状态之间的动画非常难以在移动设备上掌握。 JQTouch,如果我的内存很好,请在此创建CSS3动画列表,3年前在页面之间使用。不幸的是,这些动画已经拍了一些时间 (轻描淡写) 在Android中实现。它们已集成在Android 4.0中,这意味着有很多设备’s not implemented.

2解决方案,您检查设备并使用渐进式增强,并为某些设备获得最佳体验,或者您只需使用像透明度等javascript动画。

但是,即使是透明度动画也可以接受它’在一些下端Android设备上的摩托,一些JQMobile动画也在我的索尼Xperia上动画时制作我的所有文本。使用Android,您需要小心您想要支持多少人,甚至可以通过决定删除这些设备上的所有动画来结束。

资源:
CSS3和Backbone.js用于杀手移动应用福彩3d布衣天下图教程
饰品过境–CSS3 jQuery的动画
FIX:CSS动画在移动浏览器中慢或波涛汹涌

本机包装

可以本身包装您的应用,但可能需要一些重新调整。对我来说,最大的障碍是我有一个倾向于将后端用于一些“trivial”东西,如CSS和JS合并。我绝对不得不努力。

就框架而言,我可以推荐的那个是 PhoneGap.。它’S开源,它有一个非常大的社区和一个很好的文件。它应该真正涵盖您的所有Appstore包装需求。

资源:
来自划痕的PhoneGap:简介
与Appcelerator跨平台开发介绍
Sencha Touch. 2:本机包装

所以整个本机与Web参数..

你可以找到一堆文章,答案不是在这个结论。唯一可以肯定要带走的道路的人就是你,虽然有了很多争论的方式,但我可以说的是你想要创建一个具有相同质量的Web应用福彩3d布衣天下图,你会的可能会错过标记。

Facebook应用福彩3d布衣天下图是一个包含在本机包装中的Web应用福彩3d布衣天下图,但它们抱怨他们恢复完全本地人。有些人会争辩说’在那个后面的工程师感到很短,我只能说的是,如果他们,我认为你不会成功。

是的,LinkedIn做了一个非常好的iPad应用福彩3d布衣天下图括在本地包装中,只有它’没有完全网络,那’唯一可以想到的唯一例子似乎。我仍然等待看到一个拥有比例的类似物质的Web应用福彩3d布衣天下图,专门在Android上。

资源:
移动应用福彩3d布衣天下图:HTML5 VS Native
你永远不会相信LindedIn如何建立它的新iPad应用福彩3d布衣天下图
linkedin. for iPad:使用本地存储对Snappy移动应用福彩3d布衣天下图
linkedin. for iPad:5 HTML5中平滑无限滚动的技术
html5与本机应用福彩3d布衣天下图:如何选择正确的路径

7 thoughts on “移动Web应用福彩3d布衣天下图开发的道路

  1. I-Phone是屁股的痛苦,以便无论如何代码。
    在我去我手机之前,我会去Android或Windows手机。
    也许它只是因为我是在学校系统中的它,并且必须搭配I-Pads(痛苦,以获得工作)和Mac更糟糕。
    你有没有看到联想的新Android平板电脑?我可以为它提供更快的应用福彩3d布衣天下图。我知道为Android编码的一些基础知识,但Windows Phone是我的主要平台。
    除了关于滚动的一部分除了滚动(困惑的是,除了网页之外的甚至是重要的一部分。)

  2. 真的在这里,移动应用福彩3d布衣天下图增长的一个伟大的行业’非常对手的时间为目前创造行业,如Android操作系统,我手机等。

  3. 是的,在这里是移动应用福彩3d布衣天下图开发的一个伟大的市场,因为Android管理系统OS,I手机等现有发展市场的挑战时间是非常挑战的时期。

  4. 在过去的几个月里,我已经为iPhone做了几个基于Web的应用福彩3d布衣天下图。我可以使用HTML / CSS获得本机查找应用福彩3d布衣天下图。我花了少量的发展时间。由于本机应用福彩3d布衣天下图中没有批准过程,我们可以在没有任何问题的情况下启动应用福彩3d布衣天下图。我认为,如果您不需要使用硬件Acess的应用福彩3d布衣天下图,那么使用移动Web应用福彩3d布衣天下图是好主意。

评论被关闭。