WordCamp GR 2017 – Development With Material Design – Matt Christensen
Matt Christensen – https://www.mattchristensen.net/
- History
- Announced 2014
- 2015 Most Google apps use it
- Intended for Android
- Focused on Native Mobile, web was an afterthought
- 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
- 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/
- 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/
- 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)
- Implementation
- 3 lines of includes to start using MDL
- wp_enqueue_style/wp_enqueue_script in your theme
- Getting Started
- Don’t be intimidated
- Just some CSS & JS, with PHP for WordPress
- Ask question and try hard
