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

The Gutenberg Journey

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

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
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
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
770
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
640

Other Decks in Design

See All in Design
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
150
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
390
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
640
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
430
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
640
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
160
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
870
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
890
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
4.1k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
280
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
120
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Fireside Chat
Avatar for paigeccino paigeccino
40
3.7k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k

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