投票 新投票:你最喜欢的 CSS 框架是什么? Chris Coyier on 2024 年 7 月 18 日 DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分! 刚刚发布了一个新的投票。 这次是关于 CSS 框架的,我们之前从未进行过关于 CSS 框架的投票。 我很好奇,在真正使用 CSS 框架的人中,哪种框架最受欢迎。 我只列出了六种我认为最受欢迎的框架,但如果我漏掉了很重要的框架,请尽快告诉我,我会在收到很多投票之前快速添加它。 投票位于侧边栏。 RSS 阅读器用户需要点击跳转才能参与投票。
刚刚投票!
我只能选择一个有点奇怪,因为我的答案是:“没有 CSS 框架,但有 YAML”。
这意味着,我并不经常使用 CSS 框架,但当我需要使用时,YAML 是我的首选框架。 我个人认为,没有其他 CSS 框架能比 YAML 好,其他的框架都比不上我自己的解决方案,因为它们只是网格布局。
对于大型项目,我使用 Emastic,对于小型网站,我使用 Malo。
直到最近的一个项目,我还没有开始使用框架。 在那个项目中,我知道框架可以帮助我快速完成布局,或者至少我当时是这么想的。
现在我用过一次之后,我可能不会再使用它了。 我感觉我最终还是写了比需要的更多的 CSS,即使我已经花了一些时间清理掉我没有用到的类。
我宁愿花更多时间从头开始构建 - 或者至少从我通常的 CSS 基础开始 - 并确保代码干净,也不愿快速完成设计但最终得到一堆乱七八糟的东西。
通过 Compass 使用 Blueprint
你应该添加另一个选项:“其他”。
已添加。
我使用 Yahoo 重置、基础,有时还会使用字体。 但从不使用网格。
我个人无法说服自己框架可以为我节省任何时间。 在我的工作中,我不负责设计网站,所以尝试将框架的网格适应每个当前项目就浪费了时间。
我同意 Jesse 的观点。 你需要一个“其他”选项。 我使用模板。 基本上是 Blueprint 的重置和排版,没有网格。 网格是邪恶的,而且是非语义化的。 HTML 应该是语义化的,所有布局都应该通过 CSS 完成。 这只是我个人的想法。
@Jake,我同意网格会留下不愉快的非语义化味道,但它们并不一定要这样。 这就是为什么我们使用 Compass(上面的链接)和 SASS 来“混合”网格样式,而不会在标记中添加 span-xx。
已投票。 然而,页面跳转到了一个静态的结果页面,上面显示的是数字形式的结果。 我想应该是 AJAX 功能吧?
这是一个糟糕的副作用,只影响部分人。 在我的 iMac 上,不会出现这种情况,但在我的笔记本电脑上就会出现。 操作系统和 Firefox 版本完全相同。 太奇怪了。
我已经尝试了很久,但一直没有找到好的解决方案。 是的,它肯定与 AJAX 有关。
我这边也是这样,我在 Vista 64 位系统上使用 FF 3.0.5。
我这边也遇到相同的问题。 最新版的 Firefox,Windows XP SP2。
我这边也是 - Vista 64 位 ff
我这边也遇到相同的问题,OS X ff3,而且我在使用带有铝制机箱的新款 MacBook。
我这边也是
Vista 32 最新版的 Firefox,还有 Chrome
我的 iMac 也有这个问题 - Safari 3.2.1
我这边也是,Safari 3.2.1,但我点击后退按钮后,页面加载正常 - 而且我投了 960.gs 的票,因为是我玩过和尝试过最多的框架 :)
ubuntu 和 FF 3.0.5 也是一样
我的 MacBook 上出现这种情况,但 iMac 上没有。 和你一样,Chris,这很奇怪。
我发现“我构建并使用自己的框架”这个选项很有趣。
这似乎是最合理的解决方案。 获取重置文件并完成设置排版和标题、包装器、内容、页脚 div 等所有工作非常麻烦。
你有什么关于自己设置这种框架的建议吗? 或许可以写一篇未来的文章?
我和 Harley Alexander 遇到相同的问题。 我使用的是一台带有 8.10 系统的 Dell Ubuntu 机器,并且使用的是 ff 3.05,如果这能提供一些线索。 顺便说一句,我不使用任何框架。
我使用 YAML。 这是一个非常棒的通用系统,非常适合我们为 Zikula Web 应用程序框架制作的主题框架(BlankTheme)。
YAML 的最新版本很精简,可以轻松地进行裁剪,并且非常灵活,在我看来。
我只使用 Eric Meyer 的重置 CSS,然后根据我所做的项目进行调整(这意味着大多数情况下我都会删除与表格相关的 CSS)。
我认为框架很好,但正如许多博客和文章中所指出的那样,它们也有缺点。
我使用的是修改后的 Eric Meyer 重置,我打算构建一个最适合我需求的框架。 我认为 CSS 在编写方式上具有很大的“个性”,所以虽然框架可能有助于快速开发或创建某种骨架,但大多数人会觉得使用自己的框架最舒服。
更不用说我实际上很喜欢写 CSS(而不是 XHTML),而且每个项目都有其自己的需求和参数。
我可能会在报纸网站上使用基于网格的框架,但不会更多了。
我还没有使用过框架,但正在考虑研究一下。 阅读一篇比较各种框架的文章,以及每个框架的优缺点,以及从头开始构建框架的文章将会很有趣。
我唯一使用的框架是 Eric Meyer 的重置。 除此之外,我只使用自己积累的一些代码。 我对框架没什么意见(我将它们用于 JavaScript),我只是不明白它们在使用我自己的代码的情况下如何能为我节省任何时间。
对于使用框架的人:你认为框架可以为你节省时间,或者提供比你自己创建的更好的解决方案吗?
关于 CSS 网格框架的使用,存在很多误解。我认为只有在需要构建复杂网格结构(例如新闻网站、大型门户网站等)的情况下,才应该使用 CSS 网格框架。如果一个网站有 100 种不同的布局,你是否要为每个页面编写 100 个 CSS 文件?或者使用一个 CSS 框架来解决所有 100 种布局问题?
只有当你熟悉框架并且对 CSS 有中等或高级的了解时,CSS 框架才能节省时间。你应该能够解决 CSS 框架无法涵盖的所有场景。
另一个问题是,你的客户是否关心你的 CSS 代码是否语义化?你是否编写了语义化的代码?最后,什么是语义化代码?我们没有统一的标准。对于某些人来说,语义化代码指的是 header、footer、main、sidebar,而对于另一些人来说,它指的是 Logo/branding、Copyright information、Content。对我来说,重要的是代码要写得清晰易懂,而使用一些拥有大量社区支持的公开 CSS 框架可以更好地实现这一点。
我的建议是:如果你每 3 个月构建一个网站,就不要使用 CSS 框架。但如果你每月至少构建 3 个网站,那么你可以考虑使用一些 CSS 框架。
@Chris:如果你能将 Emastic 加入投票,我将不胜感激。对我来说,了解是否有人使用 Emastic 非常重要。我认为,即使 Emastic 规模更小、更灵活、更流畅,并且涵盖了所有类型的 CSS 结构构建,但由于它进入市场较晚,一直处于“老牌”框架的阴影之下。
你好
我创建了自己的框架 :)
我可以使用任何框架
我同意弗拉基米尔的观点:术语“语义化”的使用方式多种多样,以至于它失去了原本的意义。
我尝试的第一个框架是 YUI,那是一段可怕的经历!简直是混乱的标记和 divitis!
对我来说,框架的好处应该是
快速原型设计,可以轻松迁移到生产环境中。
摆脱跨浏览器问题。我的生命太短暂,无法处理 ie-hacks。顺便说一下,我还使用 ie7.js。纯粹主义者,请随意攻击我… (-;
Blueprint 为我提供了这些好处,因此它是我选择的框架。
Blueprint 的精美基本排版是额外的加分项。(-
我也遇到了结果显示在静态页面上而不是“ajaxed”的问题 :-) (我在使用 Chrome 作为浏览器的 Acer 笔记本电脑上使用 Vista Home Premium)。
我不得不说,考虑到你博客/订阅的受众,到目前为止的结果非常有趣。似乎超过 50% 的人甚至没有使用框架,其他选择远远落后。
我个人投票表示我没有使用框架,尽管我最近一直在阅读更多关于框架的信息,并且正在考虑是否值得使用它们。我听到最多的是 Blueprint 和 960 Grid。我只有一个标准文件,我会在每个新项目开始时使用它。我认为这是“最精简”的方式——只添加我实际要使用的元素,而不是删除一大堆我不会使用的元素!
也许我会继续仔细研究这些框架——毕竟,这才是重点——跟上最新的趋势并进行分析 :-)
我不使用它们;)
Gopal,
http://www.productivedreams.com
Tweets by gopalraju
我自己
毫无疑问是 Blueprint。
960.gs,因为它拥有很棒的 PSD 模板。
960.gs 非常简单,并且做得很好!
我不经常使用 CSS 框架,但使用过的时候,我用过 YAML。
我从 Eric Meyer 重置的修改版本开始,并添加了一些来自 Blueprint 和 YUI 的想法。然后添加大量的自定义重置、辅助类和基本布局 ID/类。我认为这更像是一个“扩展的重置和一个小库”,而不是一个完整的框架。
我还喜欢在铅笔纸阶段使用 960.gs 的 PDF 打印稿。
我认为,大多数说他们不使用框架的人可能都是自己开发的。为什么有人愿意一遍又一遍地编写他们在每个网站上使用的相同基本样式呢?
我自己的。
JavaScript 框架有意义,但在我看来,CSS 框架没有意义<— 我的观点
我开始在我的新项目中使用 BlueTrip。它融合了 Blueprint、Tripoli 和 960.gs 的特点。