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
360
Global styles the story so far
Avatar for Tammie Lister tammielis
1
900
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
860
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
700

Other Decks in Design

See All in Design
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
540
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.6k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
28k
hicard_credential_202601
Avatar for hicard hicard
0
230
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
Avatar for Sho Nagata nagata03
0
280
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
780
「親切なオンボーディング」 が招く罠　ー　AI時代のUXデザイン
Avatar for 小神 godlingkogami
0
110
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.8k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.1k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
360
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
180
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.8k

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
190
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
320
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
500
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k

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