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
0
4.6k

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
360
Global styles the story so far
Avatar for Tammie Lister tammielis
1
880
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.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
840
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
690

Other Decks in Design

See All in Design
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
250
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
980
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
440
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.6k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
280
mount_company_profile
Avatar for mount inc. mount_inc
0
5.9k
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
250
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
190
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
0
130
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
300
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
120
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
200

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
710
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
830
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
390
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
89
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
330
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.5k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
820

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