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

Solid, Design Systems Lightning Talk

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

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016
Tweet

Other Decks in Technology

See All in Technology
BFCacheを活用して無限スクロールのUX を改善した話
Avatar for Ryuya Yanagi apple_yagi
0
130
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
5
1.3k
MCPで決済に楽にする
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
0
160
【AWS】CloudTrail LakeとCloudWatch Logs Insightsの使い分け方針
Avatar for Yuma Tsurugasaki tsurunosd
0
130
Navigation APIと見るSvelteKitのWeb標準志向
Avatar for Okuto Oyama yamanoku
2
130
Network Firewall Proxyで 自前プロキシを消し去ることができるのか
Avatar for ぐっさん gusandayo
0
130
OpenClawでPM業務を自動化
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
340
トイルを超えたCREは何屋になるのか
Avatar for 弁護士ドットコム bengo4com
0
100
Even G2 クイックスタートガイド（日本語版）
Avatar for vrshinobi vrshinobi1
0
140
SaaSに宿る21g
Avatar for Yamakan kanyamaguc
2
180
「活動」は激変する。「ベース」は変わらない ～ 4つの軸で捉える_AI時代ソフトウェア開発マネジメント
Avatar for 辻裕士/sentokun sentokun
0
130
契約書からの情報抽出を行うLLMのスループットを、バッチ処理を用いて最大40%改善した話
Avatar for SansanTech sansantech
PRO
3
330

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
160
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
780
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
190
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
260
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
97
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
140
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k

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