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
310
Global styles the story so far
Avatar for Tammie Lister tammielis
1
780
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
630

Other Decks in Design

See All in Design
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
550
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
340
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.5k
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
1
440
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2.8k
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
160
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
280
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
910
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
400
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.2k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.9k

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
580
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k

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