Material Design Lite Preview

A preview of Material Design Lite, a new CSS and JS library to help web developers get a Material Design look and feel on their sites.

Transcript

2. Introduction to Material Design Lite +MattGaunt @gauntface
3. Introduction to Material Design Lite +MattGaunt @gauntface
4. What? MATERIAL
 DESIGN
 LITE
5. What? MATERIAL
 DESIGN
 LITE
7. It’s an opinionated implementation of the Material Spec. - Addy Osmani (ish)
8. It’s an opinionated implementation of the Material Spec. - Addy Osmani (ish) opinionated
10. STYLES
11. MATERIAL
 DESIGN
 LITE
12. MATERIAL
 DESIGN
 LITE
13. MATERIAL
 DESIGN
 LITE
15. COMPONENTS
16. MATERIAL
 DESIGN
 LITE
17. MATERIAL
 DESIGN
 LITE
18. MATERIAL
 DESIGN
 LITE
19. MATERIAL
 DESIGN
 LITE
20. MATERIAL
 DESIGN
 LITE
21. MATERIAL
 DESIGN
 LITE
22. MATERIAL
 DESIGN
 LITE
23. MATERIAL
 DESIGN
 LITE
24. MATERIAL
 DESIGN
 LITE
25. MATERIAL
 DESIGN
 LITE
27. TEMPLATES
28. MATERIAL
 DESIGN
 LITE
29. MATERIAL
 DESIGN
 LITE
30. MATERIAL
 DESIGN
 LITE
31. MATERIAL
 DESIGN
 LITE
32. MATERIAL
 DESIGN
 LITE
33. MATERIAL
 DESIGN
 LITE
34. Why? MATERIAL
 DESIGN
 LITE
35. Why? MATERIAL
 DESIGN
 LITE
36. MATERIAL
 DESIGN
 LITE
37. 60fps MATERIAL
 DESIGN
 LITE
38. TEMPLATES MATERIAL + WEB MATERIAL
 DESIGN
 LITE
39. MATERIAL
 DESIGN
 LITE
40. MATERIAL
 DESIGN
 LITE
41. MATERIAL
 DESIGN
 LITE
42. MATERIAL
 DESIGN
 LITE
43. MATERIAL
 DESIGN
 LITE
44. How? MATERIAL
 DESIGN
 LITE
45. How? MATERIAL
 DESIGN
 LITE
46. MATERIAL
 DESIGN
 LITE
47. Bundled JS & CSS MATERIAL
 DESIGN
 LITE
48. IE 9+ Components IE 10+ Templates MATERIAL
 DESIGN
 LITE
49. When? MATERIAL
 DESIGN
 LITE
50. When? MATERIAL
 DESIGN
 LITE
51. End of June getmdl.io MATERIAL
 DESIGN
 LITE
52. # +Matt Gaunt @gauntface Thank You!
53. # +Matt Gaunt @gauntface Thank You!
54. What’s Next? Material Design Lite developers.google.com/tools/