吳政賢 OA Wu LiveCoding.tw
實作 Material Web Design - OA Wu's Blog

實作 Material Web Design

前端 HTML WEB JavaScript CSS CSS3 HTML5 jQuery SCSS Compass Gulp OAF2E jQuery Extend jQuery 套件

這套前端工具主要是參考 Material UI 風格設計,並且這是一個藉由 CompassHTML 以及 jQuery..等各種前端工具實作的 Material UI Design for Web,開發者可以自行使用 SCSS 或者 CSS 來做修改,目前是使用 jQuery 來達到更多 UI 回饋效果。

實作 Material Web Design
各種 Material UI 元素

 

以下是基本的介紹:

  • 此作品開發工具主要使用 Gulp、Compass 以及 jQuery 語言所建立,主要架構則使用 OAF2E v1.2
  • 相關概念也參考了 Tedshd's GitHub 所設計的 material_design_for_web
  • 資料夾 lib 內包含了 _oa-material.scss、oa.material.css、oa.material.min.css,三隻檔案提供了 SCSS、CSS 兩種使用方式的檔案。
相關參考