WordCamp GR 2017 – Development With Material Design – Matt Christensen

1. History
   • Announced 2014
   • 2015 Most Google apps use it
   • Intended for Android
   • Focused on Native Mobile, web was an afterthought
2. What Is It? – https://material.io/
   • A metaphor – think paper
   • Uniting Style – look the same everywhere
   • Design as a physical medium
   • Paper and Ink
   • Seams & Edges
   • Motion has meaning
3. Web Features – https://getmdl.io/components/
   • Cards – base component (could be used as a means to layout “table” data)
   • Drawers
   • Snackbar – nice feedback component, can hide automatically
   • Tables
     • Out of the box there is styling but not responsive
     • jQuery Alternative – https://datatables.net/
4. Frameworks
   • MDL (Material Design)
   • Materialize – http://materializecss.com/ (stay away from Materialize WP, not much development)
   • MDLWP – http://mdlwp.com/ (most features in commercial)
   • Bootstrap Material Design – http://fezvrasta.github.io/bootstrap-material-design/
5. How Do You Design?
   • What are you comfortable with?
   • How much time do you have?
   • What’s your previous experience?
   • Is Material Design right for you? (the project needs)
6. Implementation
   • 3 lines of includes to start using MDL
   • wp_enqueue_style/wp_enqueue_script in your theme
7. Getting Started
   • Don’t be intimidated
   • Just some CSS & JS, with PHP for WordPress
   • Ask question and try hard

Ideas: Vuejs with WP-API as the backend