您可以利用 Material Design Lite 向您的網(wǎng)站添加 Material Design 外觀和感受。它不依賴 JavaScript 框架,旨在針對跨設(shè)備使用進行優(yōu)化,可在較舊的瀏覽器中正常降級,并提供立即可實現(xiàn)的體驗。現(xiàn)在就開始吧!
Material 設(shè)計 Lite 組件由 CSS、JavaScript 和 HTML 創(chuàng)建而成。你可以使用組件來構(gòu)建具有吸引力的、兼容不同設(shè)備的和實用的網(wǎng)絡(luò)應(yīng)用程序。使用 MDL 開發(fā)的頁面將遵循現(xiàn)代網(wǎng)頁設(shè)計原則,如瀏覽器可移植性,設(shè)備獨立性和高度兼容性。
MDL 組件庫包括新版本的常用用戶界面控件,如按鈕,復(fù)選框和文本字段,適用于遵循 Material Design 概念(的 Web 應(yīng)用程序)。圖書館還包括增強和專門的功能,如卡,列布局,滑塊,旋轉(zhuǎn)器,選項卡,排版等。MDL 可以免費下載和使用,可以使用或不使用任何庫或開發(fā)環(huán)境(就像 Web Starter Kit 那樣)。這是一個跨瀏覽器的跨操作系統(tǒng) Web 開發(fā)人員的工具包,可以由任何想要編寫更高效,便攜和最重要的可用網(wǎng)頁的人使用。
組件下載地址:https://getmdl.io/started/index.html#download Twitter: https://twitter.com/googledesign GitHub: https://github.com/google/material-design-lite Google+: https://plus.google.com/+googledesign Web Starter Kit: https://developers.google.com/web/starter-kit/ 幫助:https://github.com/google/material-design-lite/issues
[1] Material Design: http://google.com/design/spec [2] 現(xiàn)在就開始吧:https://getmdl.io/started/index.html [3] Web Starter Kit: https://developers.google.com/web/starter-kit/
更多建議: