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

The Gutenberg Journey

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
July 20, 2018
Design
680
1

The Gutenberg Journey

Avatar for Tammie Lister

Tammie Lister

July 20, 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
940
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
730

Other Decks in Design

See All in Design
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
120
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
820
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
1
760
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
160
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
270
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
200
Signull 団体説明資料
Avatar for Signull signull
0
760
デザインワークフローの最前線。 ログラスでのAI活用の現在地
Avatar for Kaori Ueda ukaoli
1
1.8k
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
290
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
460
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
980

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
370
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
470
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
690
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
320
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
530
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
890
Done Done
Avatar for chrislema chrislema
186
16k

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…..