是jquery-mobile“mobile first”

Question

我已阅读Luke WROBLEWSKI和其他许多关于该主题的读物“Mobile first”。我是一名网络开发人员，现在我确信“移动第一”或“渐进式增强”是一种可行的方式。

现在我正在寻找一个框架来实现这一点。

JQuery mobile annonce他们是“移动的第一”，但我已经在一些日子尝试过，现在我倾向于说“不，它不是”。你不能将它与其他框架混合;它的技巧就像保持DOM中的所有页面（使用ajax强制加载），所以它不会让我的生活更轻松。试图使用它来逐渐增强和完成桌面版本而不卸载它，似乎是不可能的。我的意思是你不想在桌面电脑上使用大按钮，所以我想我只需要放弃框架的CSS，这听起来很奇怪。我甚至不知道是否有可能。

JQuery手机看起来像一个框架，以实现您的网站的专用移动网络版本看起来&作为一个本地应用程序比手机的第一个网站。

那么请有人可以告诉我我错在哪里： *是jQuery mobile真的“移动第一”吗？ *我可以用jquery mobile做渐进增强（桌面作为最后一个目标）吗？如果是，请告诉我如何。

这里是告知jquerymobile相应的页面是移动第一： http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

我也尝试zurb的基础，它工作得很好，但不能提供足够的部件或工具来提供很好的MOBIEL UI。混合这两个将是伟大的一点，但它需要很多工作（CSS冲突+可能是JS冲突），我甚至不知道是否有可能。

关于如何在移动第一环境中使用jquery mobile的任何建议都将受到欢迎！

Answer 1

基本思路

让我们从头开始，为大家了解的移动第一定义是：

手机首先是观念的网站应首先设计 移动设备，只包括那些网站访问者使用最多的任务/项目。然后，随着屏幕不动产增加，根据用户优先级，根据需要添加任务/功能 。

取自here的报价。

优势和jQuery Mobile的

缺点从我的经验没有任何现有的框架，可以在移动第一完全分类。 jQuery Mobile已关闭，但还不够。

首先，我同意你的说法，即jQuery Mobile不能与其他框架一起使用。 jQM是一个高度可定制的框架，它可以完全定制到其他几乎可用的框架。

如果您想使用主干或基台，可以自定义MVP或MVC架构。如果你想使用类似的框架，他们只使用你想要的jQM functionality。你只需要谷歌它。

但是，我会不断重复它，目前jQM不是一个很好的“开箱即用”的桌面开发平台。这仅仅是事实。虽然它提供了适用于桌面浏览器的小部件，但它们仍然看起来像超大尺寸的移动小部件。

第二大缺点是他们的官方文档。虽然在一些细分市场中有很多细节，但它们存在很多错误，而现有的例子却缺乏API描述。 IT看起来像有人向你解释了什么车，但忘了提及如何正确驾驶它。

良好实施例

这可以是固定的，不幸的是只用重定制。并且通过定义，这不是一个移动首先框架。但为了让我的观点更加精确，下面是在移动/桌面环境中使用jQM的一个很好的例子：Mobile Songmeanings。尊重那些开发者，他们在移动和桌面合并方面做得很好。不幸的是，这只是一个平庸之海的美丽下降。

公共解

最常见的修复这个问题对于移动设备和JQ UI桌面环境JQM的使用。我们还应该添加一个Modernizer到这个组合因为我们需要它：

• 独立的移动环境从台式一个
• 创建动态内容加载器根据检测到的环境（js和css）

最后的思考

如果你想轻松出箱溶液，然后我不建议jQuery Mobile的使用。这需要几个月的时间，并且错过学习，开发和测试，好的和坏的方面，如何与其他框架一起使用，以便充分理解它。

Answer 2

Moff.js - Javascript Mobile First Framework。 它遵循所有移动第一技术和要求。 您可以轻松创建移动首页。首先为移动设备创建页面，然后通过用户请求或通过将窗口扩展到平板电脑或桌面等大型设备来加载页面的其他部分。 这是关于其功能的article。