Google的開發(fā)者團(tuán)隊專注于創(chuàng)建工具，為推動其他開發(fā)者學(xué)習(xí)Materials，他們于日前發(fā)布了一個符合Material Design規(guī)范用來構(gòu)建網(wǎng)站的前端Web框架。
以下為官方博文摘譯：
早在2014年，谷歌就發(fā)布了Material Design規(guī)范，為跨所有設(shè)備實現(xiàn)好的設(shè)計和漂亮的UI提供了一個標(biāo)準(zhǔn)。今天，我們經(jīng)過不懈努力正式為網(wǎng)站帶來了這個，可使用vanilla CSS、HTML和JavaScript，我們稱之為Material Design Lite（MDL）。
MDL可以讓你很容易地為你的網(wǎng)站添加一個Material Design外觀和感覺。MDL的“Lite”有幾個關(guān)鍵性的設(shè)計指標(biāo)：MDL有很少的外部依賴，可輕易地實現(xiàn)安裝和使用；它也和框架無關(guān)，這意味著MDL可以用于任何快速變化風(fēng)格設(shè)計的前端工具鏈中；MDL的代碼大小非常小（壓縮狀態(tài)下僅27KB）。
現(xiàn)在就開始一個spin或者在CodePen上嘗鮮，我們的一些示例：
按鈕的實現(xiàn)。
MDL可以用Polymer來互補(bǔ)實現(xiàn)一個Paper元素構(gòu)建。
MDL優(yōu)化了網(wǎng)站在內(nèi)容方面的重量，如：營銷網(wǎng)頁、文本文章和博客等。我們已經(jīng)建立了一個響應(yīng)模板來演示用MDL創(chuàng)建的網(wǎng)站的范圍，可以從Templates頁面下載。
博客：
文字為主的內(nèi)容網(wǎng)站：
Dashboards：
單獨(dú)的文章：
MDL有大量的組件套，包括Material Design按鈕、文本字段、工具提示和spinners等。它還有一個響應(yīng)的grid和breakpoints（遵守新的Material Design adaptive UI指南）。
MDL資源是用BEM寫在Sass中，雖然我們希望你使用我們的定制主題和預(yù)建的CSS，你也可以從GitHub上下載MDL資源來構(gòu)建你的版本。使用MDL簡單的方式是采用我們的CDN，但你也可以從npm或Bower下載CSS或進(jìn)口MDL。
MDL可適用于所有當(dāng)今的流行瀏覽器，包括Chrome、Firefox、Opera、Microsoft Edge和Safari。點(diǎn)擊這里了解更多。
本站文章版權(quán)歸原作者及原出處所有 。內(nèi)容為作者個人觀點(diǎn)， 并不代表本站贊同其觀點(diǎn)和對其真實性負(fù)責(zé)，本站只提供參考并不構(gòu)成任何投資及應(yīng)用建議。本站是一個個人學(xué)習(xí)交流的平臺，網(wǎng)站上部分文章為轉(zhuǎn)載，并不用于任何商業(yè)目的，我們已經(jīng)盡可能的對作者和來源進(jìn)行了通告，但是能力有限或疏忽，造成漏登，請及時聯(lián)系我們，我們將根據(jù)著作權(quán)人的要求，立即更正或者刪除有關(guān)內(nèi)容。本站擁有對此聲明的最終解釋權(quán)。
