Materialize – 把 Google 的 Material Design 搬到網頁上

2014 年 Google 發佈了 Material Design,主要用在 Android 上的界面設計。

昨天我碰碰運氣,搜尋一下有沒有可用在 Web 的 Material Design CSS Framework,竟然真的有了,而且有幾個了。Materialize 似乎比較多人用,所以我先試用 Materialize。

http://materializecss.com

用法不多說,都是加 Script 和 CSS 到你的網頁上。

用後小弟表代大愛 Materialize,甚至覺得 Materialize 「犯規」了,什麼 Bootstrap, JQuery Mobile 基本上可以放棄。除了設計跟足 Material Design 之除,連觸摸效果都有。另外同樣有 Responsive Layout,我用我的 Android 的 Chrome 看一下,發覺跟原生 App 比較起上來根本上沒有大差別。配合一下 Webview 或 PhoneGap,相信很容易開發一個 Mobile App,節省不少開發時間。

2015-02-28 07.26.16簡單示範

2015-02-28 07.26.20左側菜單都有