【问题标题】:What's a good general purpose, lightweight CSS framework? [closed]什么是好的通用、轻量级 CSS 框架? [关闭]
【发布时间】:2012-05-15 17:30:09
【问题描述】:

我意识到这个问题很可能已经被打死了,这更多的是个人喜好问题,但我很好奇是否有人有任何建议。

我有一个不重用代码的坏习惯。 (很可能是因为我似乎总是以某种方式最终丢失我在不断增长的迷宫中收集的任何 sn-ps,这是我的“开发”文件夹)话虽如此,我决定在几个月前开始尝试找到一个现有的 CSS 框架,以便在我进行新项目时让我的生活更轻松。我现在已经尝试了其中的一些,虽然我找到了一些很棒的,但没有一个完全符合我的要求。

按照重要性排序,以下是我希望找到的内容:

  • 灵活性 - 我太不稳定了,无法长期遵循单一的设计/开发模式。话虽如此,如果我不必花费大部分时间来覆盖我正在使用的框架中的各种规则,我会更喜欢它。当然,我明白,无论我使用什么框架,我都需要偶尔这样做,但我需要的越少越好。

  • 轻量级 - 我并不是真的在寻找一个框架来作为我整个项目的基础。我正在寻找更多帮助类的集合,可能还有一些实用规则,以便为 Internet Explorer 等事物带来理智。基本上,我正在寻找能让我的生活更轻松的东西。

  • 跨浏览器兼容 - 如果框架不符合当前标准,我可以不在乎,只要它在我使用的任何浏览器中看起来都相对相同。不幸的是,我有一些客户仍在使用 Internet Explorer 7,我不得不接受这些客户。不过,在这一点上,我不太关心它是否仍然与 Internet Explorer 6 兼容。

  • 模块化 - 虽然它不会破坏交易,但我希望找到一个轻量级的框架,但仍能管理模块化设计方法。我的意思是,许多样式表,都基于“目的”。例如,它会在名为 forms/forms.css 的文件夹/样式表中收集所有用于处理表单(.error、.info、.alert、.text、.required 等)的常用类,同时保留任务规则例如在另一个文件/文件夹中的布局。我真的很喜欢 YAML 这样做的方式 - 不幸的是,YAML 有太多我没有使用的额外内容,并且可能在一段时间内不需要。 (虽然说实话,如果我找不到任何其他框架,我可能只是看看我能做些什么来减少我在 YAML 中不使用的东西,并从那里建立一个基础)

就内容而言,我真的只是在寻找一些准系统、常用的东西。比如:

.text-center { text-align: left; }
.text-right { text-align: right; }
.centered { margin-left: auto; margin-right: auto; }
.left { float: left; display: block; }
.right { float: right; display: block; }

当然还有通常的 clearfix 东西。处理圆角、阴影等的类也不错。

目前我并不太关心可访问性、rtl 支持、微格式等,因为我将这个框架主要用于与我的客户打交道,而且我还没有遇到需求到目前为止。

最后,我首先是一名开发人员,(我只是碰巧最近做了很多事情,需要我做比我能适应的更多的设计工作)所以我经常会遇到需求在客户端或服务器端动态构建标记,因此框架的标记越简单越好。

【问题讨论】:

  • 我没有关注。唯一可以应用于我的问题的“不要”是关于“主观性”的一点,但我觉得通过限制我正在寻找的范围,我已经消除了相当多的问题。做过。我在问是否有人知道满足一系列特定要求的框架。我不是在问大家最喜欢的 CSS 框架是什么。

标签: css frameworks css-frameworks


【解决方案1】:

最好的框架是我正在使用的,它响应迅速且轻量级,您将在 12KB(压缩)中获得 Bootstrap 的所有功能,并且易于理解。您也将在手机上获得 100 的页面速度。

检查这个:http://skhost.in/one

点击下方查看速度:https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fskhost.in%2Fone&tab=desktop

【讨论】:

    【解决方案2】:

    试试960 Grid system。这是我的最爱:)

    如果您需要进行研究,这里是good guide

    【讨论】:

      猜你喜欢
      • 2010-09-09
      • 2016-06-01
      • 1970-01-01
      • 2011-05-19
      • 1970-01-01
      • 1970-01-01
      • 2012-02-08
      • 2010-10-06
      • 1970-01-01
      相关资源
      最近更新 更多