Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Solid, Design Systems Lightning Talk

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Emily Brick Emily Brick
December 15, 2016
Technology
410
1

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016

Other Decks in Technology

See All in Technology
LLMに渡さなかった仕事
Avatar for oga_aiichiro nanaism
0
250
Reactの設計論
Avatar for uhyo uhyo
24
13k
GoにおけるFFIのこれまでとこれから
Avatar for Masaaki Goshima goccy
5
3.6k
今話題のAI「Jev」って何？ 宇宙最速で学ぶ会
Avatar for みのるん minorun365
PRO
24
14k
人間はどの意思決定を手放せるのか
Avatar for Yoshitaka Kawashima kawasima
14
7k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
12k
ソフトウェアDNAとクラウドエージェントのススメ
Avatar for Cloud Ace cloudace
0
110
AgentCore Runtime上にAgentic Coding基盤を構築・展開する際の設計ポイントと限界点 / Design considerations and limitations when building an agentic coding platform on AgentCore Runtime
Avatar for Har1101 har1101
4
170
HHKBエバンジェリストになる方法
Avatar for 941 941
0
110
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
150
CLIライブラリ開発を支える技術
Avatar for Hiroshi TANABE htnabe
0
120
Claude Code本って、 読む必要あるの？
Avatar for Oikon oikon48
2
470

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
340
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.1k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
280
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.3k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
840

Transcript

  1. Hello!

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

  6. how a mock assumes we use things how we really

    use things
  7. None

  8. “It’s a way to reduce duplication”

  9. “No more code bloat!”

  10. None

  11. This is a “story block” component It appears in a

    feed

  12. Original story block styles

  13. Original story block styling story block variant another story block

    variant another story block & another story block variant another type of story block

  14. Modified Component Styles

  15. None
  16. None
  17. None
  18. None

  19. Solid Team

  20. how we were currently handling this: how we’d handle it

    with a functional css approach:

  21. Choosing a style based on our specific needs ✔

  22. None

  23. How did we get started?

  24. Start Small. Layout • responsive grid • utilities Base •

    typography • colors • interface • buttons • forms • tables Resources • logos • templates • typefaces and icons • sandbox (prototypes)
  25. None
  26. None
  27. None
  28. None
  29. None

  30. solid.buzzfeed.com