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
400
1

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016

Other Decks in Technology

See All in Technology
OTel × Datadog で 「AI活用」を計測し、改善に繋げる
Avatar for Yuki Shiho shihochan
2
440
攻撃者視点で考えるDetection Engineering
Avatar for Ruslan Sayfiev cryptopeg
3
2k
いまさら聞けない「仕様駆動開発入門」 〜AI活用時代の開発プロセスを考える〜
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
2
160
インシデントレスポンス演習 I / Incident Response Exercise I
Avatar for Kenji Saito ks91
PRO
0
100
現地で盛り上がった WWDC26 Keynote
Avatar for ZOZO Developers zozotech
PRO
1
270
200個のGitHubリポジトリを横断調査したかった
Avatar for Issei.Komori icck
0
140
徹底討論！ECS vs EKS！
Avatar for 高棹大樹 daitak
1
640
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
Avatar for Recruit recruitengineers
PRO
1
150
アンオフィシャルな､オフィシャルからのお願い
Avatar for wataru yamazaki (DevRel) wyamazak_devrel
0
140
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
Avatar for Yuya Takeyama yuyatakeyama
2
680
自分が詳しくない領域でAIを使う #プロヒス2026
Avatar for konifar konifar
14
5.4k
MUSUBI 田中裕一『AIと共に行う「しごとのリデザイン」- スモールバックオフィス編』AI Ops Lab #4
Avatar for MUSUBI musubi
0
270

Featured

See All Featured
エンジニアに許された特別な時間の終わり
Avatar for watany watany
107
250k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.6k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
1.7k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
390
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
260
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
230
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
310
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
210
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k

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