- Materialize 教程
- Materialize - 首頁
- Materialize - 概述
- Materialize - 環境搭建
- Materialize - 顏色
- Materialize - 網格
- Materialize - 輔助工具
- Materialize - 媒體
- Materialize - 陰影
- Materialize - 表格
- Materialize - 排版
- Materialize - 徽章
- Materialize - 按鈕
- Materialize - 麵包屑
- Materialize - 卡片
- Materialize - 晶片
- Materialize - 集合
- Materialize - 頁尾
- Materialize - 表單
- Materialize - 圖示
- Materialize - 導航欄
- Materialize - 分頁
- Materialize - 預載入器
- Materialize - 摺疊面板
- Materialize - 對話方塊
- Materialize - 下拉選單
- Materialize - 標籤頁
- Materialize - 水波紋效果
- Materialize 有用資源
- Materialize - 快速指南
- Materialize - 有用資源
- Materialize - 討論
Materialize - 概述
Materialize是一個使用CSS、JavaScript和HTML建立的UI元件庫。Materialize可重用的UI元件有助於構建具有吸引力、一致性和功能性的網頁和Web應用程式,同時遵循現代Web設計原則,例如瀏覽器可移植性、裝置獨立性和優雅降級。
其一些顯著特點如下:
內建響應式設計。
標準CSS,佔用空間極小。
常見使用者介面控制元件(如按鈕、複選框和文字欄位)的新版本,已適應遵循Material Design概念。
增強的和專門的功能,例如卡片、標籤頁、導航欄、吐司提示等等。
免費使用,需要jQuery JavaScript庫才能正常執行。
跨瀏覽器相容,可用於建立可重用的Web元件。
響應式設計
Materialize具有內建的響應式設計,因此使用Materialize建立的網站將根據裝置尺寸重新設計自身。Materialize的類被建立的方式使得網站可以適應任何螢幕尺寸。
使用Materialize建立的網站與PC、平板電腦和移動裝置完全相容。
可擴充套件性
Materialize的設計非常簡潔和扁平化。它的設計考慮到了新增新的CSS規則比覆蓋現有CSS規則更容易的事實。它支援陰影和大膽的色彩。顏色和陰影在各種平臺和裝置上保持一致。
最重要的是,它是完全免費使用的。
廣告