WordPress 页面构建器的 #1 实用程序框架
这就是为什么 Automatic.css (ACSS) 是使用 WordPress 页面构建器的网页设计师和开发人员的游戏规则改变者……
-
自动排版
ACSS 支持的网站上包含文本的任何内容,无论是标题、段落、列表、表单字段还是其他任何内容,都通过 12 种不同的大小选项在层次结构中遵循完美的数学比例,所有这些都是自动且完美的移动响应。最重要的是,整个系统都在 Automatic.css 仪表板的指挥之下。
自动颜色
设置您的品牌颜色,ACSS 会自动为每种颜色生成六种颜色变体。类使您能够使用这些变体为任何元素(包括背景和叠加层)着色,您甚至可以通过 Automatic.css 颜色实用程序变量将它们与自定义类和 ID 一起使用。
自动间距
正如 ACSS 中的排版一样,边距、填充和间隙都遵循完美的数学尺度,让您可以访问六个层次间距值和六个层次部分间距值,所有这些值都是自动响应的。此外,间距实用程序变量可确保即使是完全自定义的元素也具有一致的间距。
自动响应
ACSS 使用先进的 CSS Clamp 和 Calc 技术来确保所有排版、边距、填充和间隙根据您网站的最大和最小视口尺寸完美响应。您永远不必摆弄断点,即使您自定义系统以适应特定的设计和布局也是如此。
自动网格
ACSS 是第一个提供自动响应网格的实用程序框架。在桌面上设置所需的列数,Automatic.css 会处理其余部分。对于喜欢在每个断点处完全控制网格的开发人员,Automatic.css 通过传统的网格实用程序类提供完全控制。
自动可定制性
认为全自动框架将您锁定在每个站点上使用相同的值?再想一想!Automatic.css 为您提供了对排版、间距和颜色的惊人精细控制,因此您可以从 Figma、Sketch 和 XD 快速重新创建设计,而不会出现问题。它非常适合代理机构和团队。
自动回退
并非所有浏览器都支持 Clamp 和 Calc 函数,它们是 Automatic.css 响应特性的核心。不过,无需担心,因为 Automatic.css 对于不支持 Clamp 的浏览器使用 Calc 具有近乎完美的回退,对于不支持 Calc 的浏览器使用 rem 或 px 的“纯”回退。是的,您可以完全控制纯回退值。
区别
最后,一个真正的实用程序框架
-
不要做得太少
大多数实用程序类系统都会强制您对所有内容使用类。ACSS 通过默认自动设置某些元素(如标题大小、部分填充等)来弥补不足(不过分)。您不必记住在每个标题或部分上放置一个类。
-
不要做太多
许多实用程序类系统试图对超细化、晦涩的类(如“.pt-10”)做太多的事情,这会使您的网站更难维护,也更难在全球范围内进行调整。Automatic.css 旨在在必要时提供帮助,而不会将您困在实用程序类地狱中。
-
跟上你
大多数实用程序类系统的最大缺点之一是在创建自定义元素时必须将它们抛在脑后。使用 ACSS 变量,您可以轻松地将自定义类挂钩到 Automatic.css 大小、间距和颜色系统中,以实现前所未有的设计一致性。
-
给你控制权
其他实用程序类系统将您锁定在设置变量中,进行更改既费时又冒险。Automatic.css 是第一个使您能够将整个系统拨入以满足您的特定设计需求的系统。从一个站点到另一个站点,Automatic.css 会跟随您的引导。
-
轻巧无膨胀
由于 ACSS 始终是一个实用程序系统,因此它没有许多其他实用程序类框架所带来的臃肿。是的,我们保证我们将坚持真正的“实用”理念,以确保 Automatic.css 永远不会成为无休止的功能请求和廉价附加组件膨胀的牺牲品。
-
专为实际开发人员设计
依赖其他实用程序系统附带的预先设计好的布局包和设计工具包很无聊,而且会让您和您的客户陷入一个看起来和您所有其他网站都一样的网站。Automatic.css 是为那些从头开始构建、适当使用自定义类以及希望能够快速轻松地创建……任何东西的人而构建的。
-