
- Foundation 教程
- Foundation - 首頁
- Foundation - 概述
- Foundation - 安裝
- Foundation - 初始專案
- Foundation - 示例大全 (Kitchen Sink)
- Foundation 常規
- Foundation - 全域性樣式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具函式
- Foundation - 媒體查詢
- Foundation - 網格系統
- Foundation - Flex 網格
- Foundation - 表單
- Foundation - 可見性類
- Foundation - 基本排版
- Foundation - 排版輔助類
- Foundation - 基本控制元件
- Foundation - 導航
- Foundation - 容器
- Foundation - 媒體
- Foundation - 外掛
- Foundation Sass
- Foundation - Sass 函式
- Foundation - Sass Mixin
- Foundation 庫
- Foundation - Motion UI
- Foundation 有用資源
- Foundation - 快速指南
- Foundation - 有用資源
- Foundation - 討論
Foundation - 概述
什麼是 Foundation?
Foundation 是一個先進的前端框架,用於設計美觀且響應式的網站。它適用於所有型別的裝置,並提供 HTML、CSS 和 JavaScript 外掛。
Foundation 最初是 ZURB 公司在 2008 年建立的內部樣式指南。ZURB 是一家位於加利福尼亞州坎貝爾的產品設計公司。它於 2011 年 10 月釋出了 Foundation 2.0 開源版本。Foundation 的最新版本是 6.1.1,於 2015 年 12 月釋出。
為什麼要使用 Foundation?
它使用 Sass 編譯器,速度比預設編譯器快得多,從而加快開發速度。
它為您的網站添加了價格表、開關、Joyride、範圍滑塊、燈箱等等。
它帶有 Grunt 和 Libsass 等開發包,可以加快編碼速度並提高控制能力。
Foundation for sites 為您提供 HTML、CSS 和 JS,以便快速構建網站。
電子郵件框架為您提供響應式的 HTML 電子郵件,可以在任何裝置上閱讀。
Foundation for Apps 允許您構建完全響應式的 Web 應用程式。
特性
它擁有強大的網格系統、一些有用的 UI 元件和酷炫的 JavaScript 外掛。
它提供響應式設計,適用於所有型別的裝置。
它針對移動裝置進行了最佳化,並真正支援移動優先方法。
它提供可定製和可擴充套件的 HTML 模板。
優勢
如果您掌握 HTML 和 CSS 的基本知識,它很容易學習。
您可以自由使用 Foundation,因為它是一個開源專案。
它為您提供了一堆模板,幫助您立即開始開發網站。
Foundation 支援 Sass 和 Compass 等預處理器,從而加快開發速度。
劣勢
由於 Twitter Bootstrap 的流行,Twitter Bootstrap 的社群支援比 Foundation 更好。
初學者可能需要一些時間來學習和利用預處理器支援。
缺乏更廣泛的支援,例如用於修復問題的 QA 網站和論壇。
與其他框架相比,Foundation 的主題較少。