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

Gutenberg design matters

Avatar for Tammie Lister Tammie Lister
September 15, 2018
Design
0
4.4k

Gutenberg design matters

Avatar for Tammie Lister

Tammie Lister

September 15, 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
810
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
780
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
650

Other Decks in Design

See All in Design
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
180
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
130
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
2.6k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
830
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
740
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2.2k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
340
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
970
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
470
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
910k
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
220
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
220

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
410
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
192
56k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
680

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None

  6. 3 phases

  7. Editor

  8. Customization

  9. Theme

  10. GitHub

  11. GitHub Facebook

  12. GitHub Facebook Meetups

  13. GitHub Facebook Support Meetups

  14. GitHub Facebook WordCamps Support Meetups

  15. GitHub Twitter Facebook WordCamps Support Meetups

  16. GitHub Twitter Facebook #core WordCamps Support Meetups

  17. GitHub Twitter Facebook #design #core WordCamps Support Meetups

  18. GitHub Twitter Facebook #design #core WordCamps Feedback form Support Meetups

  19. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Support

    Meetups

  20. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups

  21. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups Testing

  22. GitHub Twitter Facebook #core-editor #design #core WordCamps Feedback form Reviews

    Support Meetups Testing …
  23. None

  24. Foundations

  25. The block

  26. None
  27. None
  28. None
  29. None
  30. None

  31. Need based options

  32. None
  33. None

  34. Transformations

  35. None

  36. Publishing modes

  37. None
  38. None
  39. None
  40. None

  41. Designed?

  42. github.com/wordpress/gutenberg

  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None

  57. Why?

  58. None
  59. None
  60. None
  61. None

  62. How?

  63. None

  64. A good community for design

  65. A good community for design

  66. None
  67. None
  68. None
  69. None
  70. None

  71. On-boarding

  72. Mentoring

  73. Don’t just isolate, integrate

  74. Caring for designers

  75. Not always the same designers

  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None

  85. Gutenberg design matters: Creating in open source

  86. Thanks, any questions? Tammie Lister - @karmatosed speakerdeck.com/tammielis/gutenberg-design-matters