我意识到这个问题很可能已经被打死了,而且这更多的是个人喜好问题,但我很好奇是否有人有任何建议。
我有一个不重用代码的坏习惯。(很可能是因为我似乎总是以某种方式最终丢失我在不断增长的迷宫中收集的任何片段,这是我的“开发”文件夹)话虽如此,我决定在几个月前开始尝试找到一个现有的 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 支持、微格式等,因为我将使用这个框架主要用于与我的客户打交道,而到目前为止我还没有遇到这种需求。
最后,我首先是一名开发人员,(我只是碰巧最近有很多事情需要我做比我感到舒服的更多的设计工作)所以我经常会遇到需要构建在客户端或服务器端动态标记,因此框架的标记越简单越好。