【问题标题】:CSS Frameworks for mobile dev? [closed]用于移动开发的 CSS 框架? [关闭]
【发布时间】:2011-06-07 05:13:09
【问题描述】:

在过去的一年中,我喜欢使用 BluePrint.css 来管理大型 Web 应用程序项目。我也看过 960 和 YUI 的产品。一切都很好(虽然我对 YUI 有一些抱怨)。

我现在正在做一个移动项目,考虑到我们需要适应各种屏幕尺寸,我认为 css 网格框架是又要走的路。

我可能会大量修改 BluePrint 逻辑和/或从头开始构建一个,但在我这样做之前,我想知道是否有人使用过特定的移动框架并会推荐一个特定的移动开发框架。

我看过 Less 和 cssgrid

http://lessframework.com/

http://cssgrid.net/

两者都很好。 Less 使用一致的列宽并更改列数。 Cssgrid 使用流体列来适应屏幕尺寸。另一方面,我正在设想另一种方法,我们将使用固定数量的列,然后根据屏幕宽度动态调整宽度。我更喜欢这个选项,因为我发现流体网格在重嵌套时会变得难以管理。我应该先看看其他选项吗?

澄清:目前我不一定需要完整的 UI 框架。我们肯定会最终得到一个,无论是 jQuery 还是我们自己的,但现在的主要目标是找到和/或构建一个 CSS 框架来处理跨多个移动设备屏幕分辨率和方向的一般页面布局和定位。

【问题讨论】:

  • 我认为你是在正确的轨道上。我将在下周左右自己对此进行更多调查。当我得到更多答案时,我会写一篇关于它的博客文章。
  • 它不是一个完全的 css 框架。但是,Nokia mobile web templates 可以帮助您。
  • 我不相信诺基亚的任何东西。 ;)
  • 也许,您适合智能手机。但它对许多其他手机很有用。了解你的目标很重要。

标签: css mobile css-frameworks


【解决方案1】:

有 '320 and up' 框架和 HTML 5 mobile boilerplate(虽然后者与其说是框架,但只是一个起点)。

【讨论】:

  • 我将把这个标记为答案。他们都是很好的答案,但这个似乎是唯一一个仅适用于移动设备的独立 CSS 框架。
  • 您指的是 320 及更高版本还是 HTML 5 移动样板?
  • 是的。他指的是 320 及更高版本或 HTML 5 移动样板。
【解决方案2】:

这是我正在考虑使用的一个:

http://jeromeetienne.github.com/jquery-mobile-960/

看起来它有一些网格尺寸较小的显示错误。

【讨论】:

    【解决方案3】:

    是的,听起来您确实已经构建了自己的“BluePrint Mini”或“480 Grid System”——我们会在这里欣赏它。

    一个出发点可能是Matthew James Taylor 的工作。他确实依赖于你说过不想要的流体网格,但值得一看。

    【讨论】:

    • 我喜欢那个“480 网格系统”。可能必须将其命名为 480.css ;)
    【解决方案4】:

    如果你想为 iPhone 开发,你可以看看iUI Framework

    【讨论】:

    • 我们正在研究各种移动设备和屏幕资源的开发,因此认为网格框架可以帮助解决这个问题。澄清一下,我需要更少的 UI 框架和更多的页面布局网格系统。
    • 它是制作类似于iPhone主题的网站的框架
    【解决方案5】:

    DA,

    你可以试试jQueryMobile框架。

    相信this post可以帮到你。

    克莱伯。

    【讨论】:

    • 不过,这不是 CSS 框架。
    • 我也将深入研究 jQueryMobile,但它似乎没有完整的页面布局 CSS 框架(尽管它显然继承了 jQuery UI 概念)
    • 再一次,我正在寻找一个 CSS 网格布局框架而不是一个 JS UI 框架。
    猜你喜欢
    • 1970-01-01
    • 2012-04-02
    • 2014-07-08
    • 1970-01-01
    • 1970-01-01
    • 2012-09-10
    • 1970-01-01
    • 2013-11-09
    • 2011-04-17
    相关资源
    最近更新 更多