WordPress 頁面構(gòu)建器的 #1 實用程序框架
這就是為什么 Automatic.css (ACSS) 是使用 WordPress 頁面構(gòu)建器的網(wǎng)頁設(shè)計師和開發(fā)人員的游戲規(guī)則改變者……
-
自動排版
ACSS 支持的網(wǎng)站上包含文本的任何內(nèi)容，無論是標(biāo)題、段落、列表、表單字段還是其他任何內(nèi)容，都通過 12 種不同的大小選項在層次結(jié)構(gòu)中遵循完美的數(shù)學(xué)比例，所有這些都是自動且完美的移動響應(yīng)。最重要的是，整個系統(tǒng)都在 Automatic.css 儀表板的指揮之下。
自動顏色
設(shè)置您的品牌顏色，ACSS 會自動為每種顏色生成六種顏色變體。類使您能夠使用這些變體為任何元素（包括背景和疊加層）著色，您甚至可以通過 Automatic.css 顏色實用程序變量將它們與自定義類和 ID 一起使用。
自動間距
正如 ACSS 中的排版一樣，邊距、填充和間隙都遵循完美的數(shù)學(xué)尺度，讓您可以訪問六個層次間距值和六個層次部分間距值，所有這些值都是自動響應(yīng)的。此外，間距實用程序變量可確保即使是完全自定義的元素也具有一致的間距。
自動響應(yīng)
ACSS 使用先進(jìn)的 CSS Clamp 和 Calc 技術(shù)來確保所有排版、邊距、填充和間隙根據(jù)您網(wǎng)站的最大和最小視口尺寸完美響應(yīng)。您永遠(yuǎn)不必擺弄斷點，即使您自定義系統(tǒng)以適應(yīng)特定的設(shè)計和布局也是如此。
自動網(wǎng)格
ACSS 是第一個提供自動響應(yīng)網(wǎng)格的實用程序框架。在桌面上設(shè)置所需的列數(shù)，Automatic.css 會處理其余部分。對于喜歡在每個斷點處完全控制網(wǎng)格的開發(fā)人員，Automatic.css 通過傳統(tǒng)的網(wǎng)格實用程序類提供完全控制。
自動可定制性
認(rèn)為全自動框架將您鎖定在每個站點上使用相同的值？再想一想！Automatic.css 為您提供了對排版、間距和顏色的驚人精細(xì)控制，因此您可以從 Figma、Sketch 和 XD 快速重新創(chuàng)建設(shè)計，而不會出現(xiàn)問題。它非常適合代理機(jī)構(gòu)和團(tuán)隊。
自動回退
并非所有瀏覽器都支持 Clamp 和 Calc 函數(shù)，它們是 Automatic.css 響應(yīng)特性的核心。不過，無需擔(dān)心，因為 Automatic.css 對于不支持 Clamp 的瀏覽器使用 Calc 具有近乎完美的回退，對于不支持 Calc 的瀏覽器使用 rem 或 px 的“純”回退。是的，您可以完全控制純回退值。
區(qū)別
最后，一個真正的實用程序框架
-
不要做得太少
大多數(shù)實用程序類系統(tǒng)都會強(qiáng)制您對所有內(nèi)容使用類。ACSS 通過默認(rèn)自動設(shè)置某些元素（如標(biāo)題大小、部分填充等）來彌補(bǔ)不足（不過分）。您不必記住在每個標(biāo)題或部分上放置一個類。
-
不要做太多
許多實用程序類系統(tǒng)試圖對超細(xì)化、晦澀的類（如“.pt-10”）做太多的事情，這會使您的網(wǎng)站更難維護(hù)，也更難在全球范圍內(nèi)進(jìn)行調(diào)整。Automatic.css 旨在在必要時提供幫助，而不會將您困在實用程序類地獄中。
-
跟上你
大多數(shù)實用程序類系統(tǒng)的最大缺點之一是在創(chuàng)建自定義元素時必須將它們拋在腦后。使用 ACSS 變量，您可以輕松地將自定義類掛鉤到 Automatic.css 大小、間距和顏色系統(tǒng)中，以實現(xiàn)前所未有的設(shè)計一致性。
-
給你控制權(quán)
其他實用程序類系統(tǒng)將您鎖定在設(shè)置變量中，進(jìn)行更改既費(fèi)時又冒險。Automatic.css 是第一個使您能夠?qū)⒄麄€系統(tǒng)撥入以滿足您的特定設(shè)計需求的系統(tǒng)。從一個站點到另一個站點，Automatic.css 會跟隨您的引導(dǎo)。
-
輕巧無膨脹
由于 ACSS 始終是一個實用程序系統(tǒng)，因此它沒有許多其他實用程序類框架所帶來的臃腫。是的，我們保證我們將堅持真正的“實用”理念，以確保 Automatic.css 永遠(yuǎn)不會成為無休止的功能請求和廉價附加組件膨脹的犧牲品。
-
專為實際開發(fā)人員設(shè)計
依賴其他實用程序系統(tǒng)附帶的預(yù)先設(shè)計好的布局包和設(shè)計工具包很無聊，而且會讓您和您的客戶陷入一個看起來和您所有其他網(wǎng)站都一樣的網(wǎng)站。Automatic.css 是為那些從頭開始構(gòu)建、適當(dāng)使用自定義類以及希望能夠快速輕松地創(chuàng)建……任何東西的人而構(gòu)建的。
-
