>基礎6:簡化的CSS框架,用於更快,更高效的Web開發
從頭開始構建可以完全控制,但有時框架加速了開發。 Foundation是與Bootstrap一起的長期競爭者,剛剛發布了其第六次迭代,速度,效率和易用性有了顯著提高。本文探討了基礎6中的關鍵增強功能。
密鑰改進:
基礎6不僅是增量更新;這是一個完整的大修。 Zurb從頭開始重建了框架,並結合了瀏覽器技術中的社區反饋和利用進步。 重點是提供可靠的,可自定義的基礎結構。 >新功能包括Flex網格,Motion UI,Yeti啟動以及更新的構建塊和模板。 現有組件已精簡以提高性能和易用性。
> 優化亮點:顯著尺寸降低(CSS:160KB至68KB,JavaScript:110KB至92KB)從以下
運動UI:將壽命添加到您的設計 以前是應用程序基礎的一部分, Motion UI現在是可選的,但強烈建議添加。 它提供了預建的過渡和動畫,可以輕鬆地使用CSS類或使用Sass Mixins進行自定義。 一個小的JavaScript插件有助於動態觸發和事件處理。
> >雪人發布簡化了建立新的基礎項目的過程。它提供了標準的Sass動力設置和Zurb的開發堆棧(包括UNCS,UGLIFYJS,圖像壓縮和靜態站點生成器)之間的選擇。 當前僅MacOS。
值得注意的代碼允許開發人員在線共享項目,使團隊成員能夠通過註釋提供反饋和跨不同屏幕尺寸的響應測試。
> 基礎6優先考慮可訪問性,確保所有組件都是鍵盤和屏幕閱讀器友好的。 該文檔提供了全面的ARIA指導。
>模板和構建塊:現成的組件
> >更新的模板和構建塊為新項目提供了一個啟動,提供了完全響應的設計和可自定義的組件。
>新的JavaScript實用程序
基礎6揭露了幾個有用的JavaScript實用程序,包括:
>媒體查詢實用程序:
簡化了與響應式斷點的互動。
更新的響應式斷點:
基礎6通過修訂後的Sass Mixin簡化了斷點管理,使樣式井井有條和直觀。 自定義斷點大小在_settings.scss
>文件中很容易定義。
設計自由:
基礎6的減少樣式為獨特的設計提供了更靈活的基礎,使開發人員能夠創建不同的網站。
結論:
>常見問題(縮寫):
> >
新功能:以上是Foundation 6中的新功能是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!