模式库优先：管理 CSS 的方法
CSS 可能很难在整个项目中进行管理，尤其是当您需要包含针对旧版浏览器的各种断点和回退的媒体查询时。在本文中，我们将了解如何使用 Fractal 来管理使用 CSS 网格的组件。在本文中，根据我在多伦多 Smashing Conference 上的演讲，我将描述过去两年中我采用的一种工作方法，该方法帮助我管理项目中的 CSS。我将向您展示如何使用模式库工具Fractal来逐个 电子邮件营销列表 组件地管理您的 CSS，同时允许您使用您已经熟悉的工具。虽然这是对分形的介绍，以及我们选择这个特定模式库的原因，但这种工作方式很可能会转移到其他解决方案。
我们的计划 我的公司有几种产品——Perch 和 Perch Runway CMS 以及 Notist，这是一款面向公共演讲者的软件即服务应用程序。这些产品有很大不同，特别是考虑到 Perch 是一个自托管系统，而 Notist 是 SaaS，但是它们都有很多用户界面需要开发。我们还拥有这些产品的所有相关网站和文档，以及我们从事的其他工作，例如 24 Ways 网站。两年前发现 Fractal 后，我们将每个新项目（无论大小）都转移到了 Fractal 中。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
我们想要解决的问题 两年前，当我开始为版本 3 重建 Perch UI 时，我开始研究模式库解决方案。Perch 的一个功能是，您为网站上的内容输出创建的模板将成为管理 UI 的架构。这意味着模板中使用的任何字段类型都需要能够与任何其他字段类型一起存在。我们不知道我们的客户如何将这些组合起来，而且可能的组合有很多。它也不是一个“网站”，我不想尝试强制模式库变成为组织网站模式而设计的东西。
頁:
[1]