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
610

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
340
Global styles the story so far
Avatar for Tammie Lister tammielis
1
850
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
670

Other Decks in Design

See All in Design
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
260
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.2k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
2.9k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.5k
Liquid GlassとApp Intents
Avatar for touyou touyou
0
640
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
180
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
120
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
760
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
6.6k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
230
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
170
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.9k

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.4k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
160
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Between Models and Reality
Avatar for mayunak mayunak
1
150

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