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

Gutenberg design matters

Avatar for Tammie Lister Tammie Lister
September 15, 2018
Design
0
4.2k

Gutenberg design matters

Avatar for Tammie Lister

Tammie Lister

September 15, 2018
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
300
Global styles the story so far
Avatar for Tammie Lister tammielis
1
750
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.6k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
740
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
610

Other Decks in Design

See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
690
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
130
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.5k
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
290
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
450
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
250
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
980
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
290
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.7k
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
370

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
730
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
18k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None

  6. 3 phases

  7. Editor

  8. Customization

  9. Theme

  10. GitHub

  11. GitHub Facebook

  12. GitHub Facebook Meetups

  13. GitHub Facebook Support Meetups

  14. GitHub Facebook WordCamps Support Meetups

  15. GitHub Twitter Facebook WordCamps Support Meetups

  16. GitHub Twitter Facebook #core WordCamps Support Meetups

  17. GitHub Twitter Facebook #design #core WordCamps Support Meetups

  18. GitHub Twitter Facebook #design #core WordCamps Feedback form Support Meetups

  19. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Support

    Meetups

  20. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups

  21. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups Testing

  22. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups Testing …
  23. None

  24. Foundations

  25. The block

  26. None
  27. None
  28. None
  29. None
  30. None

  31. Need based options

  32. None
  33. None

  34. Transformations

  35. None

  36. Publishing modes

  37. None
  38. None
  39. None
  40. None

  41. Designed?

  42. github.com/wordpress/gutenberg

  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None

  57. Why?

  58. None
  59. None
  60. None
  61. None

  62. How?

  63. None

  64. A good community for design

  65. A good community for design

  66. None
  67. None
  68. None
  69. None
  70. None

  71. On-boarding

  72. Mentoring

  73. Don’t just isolate, integrate

  74. Caring for designers

  75. Not always the same designers

  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None

  85. Gutenberg design matters: Creating in open source

  86. Thanks, any questions? Tammie Lister - @karmatosed speakerdeck.com/tammielis/gutenberg-design-matters