UI框架foundation6入門（下）

課程簡介

Foundation 6是一款非常流行的開源UI框架，提供了回響式布局，一系列UI組件，包括按鈕，表單，導航等多類現成的控制項。適合進行快速原型和產品開發。它基於SASS的實現方式，也方便開發者進行定製化設計和擴展開發。本教程分兩部分進行了詳細講解。

第1章容器

本章主要介紹多種常用的內容容器，包括提示面板，下拉框，表格，模態彈窗，選項卡，可摺疊面板，多媒體對象容器，可隱藏選單等。結合代碼實例，可以快速掌握它們的使用方式，了解一些要注意的問題。

1-1 提示面板 (09:40)

1-2 下拉麵板 (11:41)

1-3 表格 (09:49)

1-4 模態框 (12:14)

1-5 選項卡 (07:40)

1-6 可摺疊面板 (06:58)

1-7 多媒體對象容器 (08:53)

1-8 可隱藏選單 (11:08)

第2章按鈕與其他控制項

本章課程主要涉及按鈕button的基本使用，涉及其顏色和大小的設定，分組按鈕及其大小等屬性的設定；下拉按鈕，關閉按鈕的設定；滑塊組件slider的使用，方向設定，數據綁定等的設定；開頭組件switch的使用。

2-1 按鈕的使用 (19:40)

2-2 滑塊組件 (08:33)

2-3 開關組件 (09:21)

第3章外掛程式

本章介紹了幾種Foundation提供的外掛程式，可以方便的進行一些前端頁面設計，實現特定的功能和效果。

3-1 表單驗證組件 (32:00)

3-2 equalizer (09:52)

3-3 interchange外掛程式 (10:37)

3-4 toggler (13:42)

3-5 sticky外掛程式 (07:38)

第4章使用Sass開發Foundation項目

通過本課程，將學習和理解如何結合Sass進行Foundation項目的開發，使用Sass的特性快速進行組件的樣式設定。

4-1 Sass&Foundation (16:39)

第5章 Foundation開發資源

本章課程介紹了一些實用的Foundation相關資源，可以方便在實際開發中進行參考和借鑑。

5-1 模板，主題和樣板模板組合 (09:09)

5-2 Motion UI (12:15)