Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Material Design Lite Preview

Matthew Gaunt
May 28, 2015
Technology
9
4.9k

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.

Matthew Gaunt

May 28, 2015
Tweet

Other Decks in Technology

See All in Technology
エンジニアのキャリアパスはどう描く？ まつもとりーさんと考える後悔しないキャリア選択
matsumoto_r
PRO
2
300
データマイニングと機械学習 - ニューラルネットワーク
trycycle
0
170
失敗から学ぶQA組織
taro_nanairo
1
290
Princess APIのAPIクライアントをTypeScriptで作ってnpmで公開してみた
ohmori_yusuke
1
530
しつこくじわじわパフォーマンスチューニング
netmarkjp
0
140
ChatGPTを活用した 便利ツールの紹介
hankehly
1
510
時系列データをChatGPTで読み解いてみる【IoT-Tech Meetup】
soracom
PRO
0
830
Riverpodに機能追加したときの話
k9i
4
280
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
10
26k
全AWSエンジニアに捧ぐ、CloudWatch 設計・運用 虎の巻 / CloudWatch design and operation bible
iselegant
29
11k
LLMの普及による機械学習の民主化とMLPdMの重要性 / democratization-of-ml-and-importance-of-mlpdm-by-llm
yuya4
2
2.8k
NAB Show 2023 動画技術関連レポート / NAB Show 2023 Report
cyberagentdevelopers
PRO
1
150

Featured

See All Featured
A better future with KSS
kneath
230
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
183
15k
4 Signs Your Business is Dying
shpigford
171
21k
Why You Should Never Use an ORM
jnunemaker
PRO
49
8.1k
Adopting Sorbet at Scale
ufuk
66
8k
Embracing the Ebb and Flow
colly
76
3.7k
Testing 201, or: Great Expectations
jmmastey
26
5.9k
Into the Great Unknown - MozCon
thekraken
6
490
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
395
64k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
5
6.5k
Git: the NoSQL Database
bkeepers
PRO
420
60k

Transcript

  1. View Slide

  2. Introduction to Material Design Lite
    +MattGaunt
    @gauntface

    View Slide

  3. Introduction to Material Design Lite
    +MattGaunt
    @gauntface

    View Slide

  4. What?
    MATERIAL

    DESIGN

    LITE

    View Slide

  5. What?
    MATERIAL

    DESIGN

    LITE

    View Slide

  6. View Slide

  7. It’s an opinionated
    implementation of
    the Material Spec.
    - Addy Osmani (ish)

    View Slide

  8. It’s an opinionated
    implementation of
    the Material Spec.
    - Addy Osmani (ish)
    opinionated

    View Slide

  9. View Slide

  10. STYLES

    View Slide

  11. MATERIAL

    DESIGN

    LITE

    View Slide

  12. MATERIAL

    DESIGN

    LITE

    View Slide

  13. MATERIAL

    DESIGN

    LITE

    View Slide

  14. View Slide

  15. COMPONENTS

    View Slide

  16. MATERIAL

    DESIGN

    LITE

    View Slide

  17. MATERIAL

    DESIGN

    LITE

    View Slide

  18. MATERIAL

    DESIGN

    LITE

    View Slide

  19. MATERIAL

    DESIGN

    LITE

    View Slide

  20. MATERIAL

    DESIGN

    LITE

    View Slide

  21. MATERIAL

    DESIGN

    LITE

    View Slide

  22. MATERIAL

    DESIGN

    LITE

    View Slide

  23. MATERIAL

    DESIGN

    LITE

    View Slide

  24. MATERIAL

    DESIGN

    LITE

    View Slide

  25. MATERIAL

    DESIGN

    LITE

    View Slide

  26. View Slide

  27. TEMPLATES

    View Slide

  28. MATERIAL

    DESIGN

    LITE

    View Slide

  29. MATERIAL

    DESIGN

    LITE

    View Slide

  30. MATERIAL

    DESIGN

    LITE

    View Slide

  31. MATERIAL

    DESIGN

    LITE

    View Slide

  32. MATERIAL

    DESIGN

    LITE

    View Slide

  33. MATERIAL

    DESIGN

    LITE

    View Slide

  34. Why?
    MATERIAL

    DESIGN

    LITE

    View Slide

  35. Why?
    MATERIAL

    DESIGN

    LITE

    View Slide

  36. MATERIAL

    DESIGN

    LITE

    View Slide

  37. 60fps
    MATERIAL

    DESIGN

    LITE

    View Slide

  38. TEMPLATES MATERIAL + WEB
    MATERIAL

    DESIGN

    LITE

    View Slide

  39. MATERIAL

    DESIGN

    LITE

    View Slide

  40. MATERIAL

    DESIGN

    LITE

    View Slide

  41. MATERIAL

    DESIGN

    LITE

    View Slide

  42. MATERIAL

    DESIGN

    LITE

    View Slide

  43. MATERIAL

    DESIGN

    LITE

    View Slide

  44. How?
    MATERIAL

    DESIGN

    LITE

    View Slide

  45. How?
    MATERIAL

    DESIGN

    LITE

    View Slide

  46. MATERIAL

    DESIGN

    LITE

    View Slide

  47. Bundled JS & CSS
    MATERIAL

    DESIGN

    LITE

    View Slide

  48. IE 9+
    Components
    IE 10+
    Templates
    MATERIAL

    DESIGN

    LITE

    View Slide

  49. When?
    MATERIAL

    DESIGN

    LITE

    View Slide

  50. When?
    MATERIAL

    DESIGN

    LITE

    View Slide

  51. End of June
    getmdl.io
    MATERIAL

    DESIGN

    LITE

    View Slide

  52. #
    +Matt Gaunt
    @gauntface
    Thank You!

    View Slide

  53. #
    +Matt Gaunt
    @gauntface
    Thank You!

    View Slide

  54. What’s Next?
    Material Design Lite
    developers.google.com/tools/

    View Slide