什么是一个很好的通用,轻量级的CSS框架?

时间:2012-05-07 07:17:13

标签: css frameworks css-frameworks

我意识到这个问题最有可能被打死,而且这更多的是个人偏好而不是任何事情,但我很想知道是否有人有任何建议。

我有一个不重用代码的可怕习惯。 (很可能是因为我总是似乎总是失去我在不断增长的迷宫中收集的任何片段,这是我的“开发”文件夹)据说,我决定在几个月前开始尝试找到一个现有的CSS框架,我可以用它来让我的生活变得更轻松,因为我接受了新的项目。我现在已经尝试了很多它们,虽然我找到了一些很棒的,但是我找不到它。

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

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

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

    < / LI>
  • 跨浏览器兼容 - 如果框架不符合当前标准,我可以更少关心,只要它在我进入的任何浏览器中看起来都相同。不幸的是,我的客户仍然使用我必须容纳的Internet Explorer 7。不过,在这一点上,我更不关心它是否与Internet Explorer 6保持兼容。

  • 模块化 - 虽然它不是一个交易破坏者,但我希望找到一个轻量级的框架,仍然采用模块化设计方法。我的意思是,很多样式表都是基于“目的”。例如,它收集所有常用的类来处理表单(.error,.info,.alert,.text,.required等)在名为forms / forms.css的文件夹/样式表中,同时保留任务规则例如在另一个文件/文件夹中的布局。我真的很喜欢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支持,微格式等,因为我将使用这个框架主要用于处理我的客户的工作,我还没有遇到需要到目前为止。

最后,我首先是开发人员,(我最近碰巧得到了很多东西,要求我做更多的设计工作而不是我很满意)所以我经常会遇到这种需要在客户端或服务器端动态构建标记,因此框架的标记越简单越好。

2 个答案:

答案 0 :(得分:3)

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

如果您需要进行研究,请点击good guide

答案 1 :(得分:0)

我正在使用最好的框架,这是响应性和轻量级的,你将获得12KB(压缩)的Bootstrap的所有功能,并且它很容易理解。你也可以在手机上获得100的页面速度。

请检查:http://skhost.in/one

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