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

Gutenberg design matters

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
September 15, 2018
Design
4.7k
0

Gutenberg design matters

Avatar for Tammie Lister

Tammie Lister

September 15, 2018

More Decks by Tammie Lister

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

Other Decks in Design

See All in Design
Warner Bros. Discovery 2025 Box Office Booklet
Avatar for Sam Bird samb1rd
0
120
富山デザイン勉強会_ブラッシュアップデザイン.pdf
Avatar for keita keita_yoshikawa
0
110
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
1.1k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
3
610
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
3.6k
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
Avatar for xinyao xinyao
2
130
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
3.6k
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
Avatar for xinyao xinyao
0
110
Jun Wei Portfolio 2026
Avatar for Wong Jun Wei wjw100788
PRO
1
230
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
1.4k
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
740
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.7k

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
350
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
300
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.3k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
550
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.1k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
370
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
230
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
400

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