$30 off During Our Annual Pro Sale. View Details »

The Gutenberg Journey

Avatar for Tammie Lister Tammie Lister
July 20, 2018
Design
1
600

The Gutenberg Journey

Avatar for Tammie Lister

Tammie Lister

July 20, 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
330
Global styles the story so far
Avatar for Tammie Lister tammielis
1
820
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.7k
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
810
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
660

Other Decks in Design

See All in Design
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
1
290
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
2k
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
250
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
170
kintone Style Book
Avatar for kintone kintone
5
8k
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
230
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
140
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.4k
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
270
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
120
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
320
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
540

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
286
14k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
KATA
Avatar for Megan Lloyd mclloyd
PRO
33
15k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k

Transcript

  1. The Gutenberg Journey Tammie Lister - @karmatosed

  2. The Reason

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None

  13. The Foundations

  14. Everything is a block

  15. None
  16. None
  17. None

  18. Direct manipulation

  19. None

  20. Need based options

  21. None
  22. None

  23. Experience matters

  24. None
  25. None
  26. None

  27. Respect content

  28. Extendable

  29. The Journey

  30. 3 phases

  31. Editor

  32. Customization

  33. Theme

  34. None

  35. August 29, 2017 : 1.0

  36. 30+ Releases 3, 128 3, 861 closed PRS closed issues

  37. July 6th 2018 : 3.2

  38. Travellers

  39. atomicblocks.com

  40. themeshaper.com/2018/03/07/designing-gutenberg-block-driven-themes-with-sketch

  41. elio.blog/wordcamp-us-2017-nashville

  42. 10up.com/blog/2018/user-testing-gutenberg

  43. The Path Ahead

  44. 4.9.8 : Try Gutenberg Call

  45. 4.9.8 : Try Gutenberg Call Feedback, iteration…

  46. 4.9.8 : Try Gutenberg Call Feedback, iteration… Ready to get

    into core

  47. 4.9.8 : Try Gutenberg Call Feedback, iteration… Ready to get

    into core 5.0

  48. The Future

  49. None
  50. None
  51. None
  52. None
  53. None

  54. The Gutenberg Journey

  55. Thanks, any questions? Tammie Lister - @karmatosed Resources link…..