Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Solid, Design Systems Lightning Talk

Avatar for Emily Brick Emily Brick
December 15, 2016
Technology
1
380

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016
Tweet

Other Decks in Technology

See All in Technology
Bakuraku Engineering Team Deck
Avatar for LayerX layerx
PRO
10
2.9k
オープンデータの内製化から分かったGISデータを巡る行政の課題
Avatar for 室木直樹 naokim84
2
1.3k
なぜフロントエンド技術を追うのか？なぜカンファレンスに参加するのか？
Avatar for sakito sakito
8
1.9k
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
useEffectってなんで非推奨みたいなこと言われてるの？
Avatar for マグロ隊長kinTV maguroalternative
9
6.1k
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.3k
IaC を使いたくないけどポリシー管理をどうにかしたい
Avatar for kazzpapa3 kazzpapa3
1
210
ECMAScript仕様の最新動向: プロセスの変化と仕様のトレンド
Avatar for uhyo uhyo
2
310
私のRails開発環境
Avatar for Yasuo Honda yahonda
0
170
セキュリティAIエージェントの現在と未来 / PSS #2 Takumi Session
Avatar for GMO Flatt Security flatt_security
3
1.1k
AI 時代のデータ戦略
Avatar for na0 na0
8
3.1k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
1
860

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
69k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Code Review Best Practice
Avatar for Trisha Gee trishagee
73
19k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.3k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
370
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k

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