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
370

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016
Tweet

Other Decks in Technology

See All in Technology
Microsoft Defender XDRで疲弊しないためのインシデント対応
Avatar for Kunii, Suguru sophiakunii
2
320
VS CodeとGitHub Copilotで爆速開発！アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
Avatar for Yusuke Yamada yamachu
3
470
LLM拡張解体新書/llm-extension-deep-dive
Avatar for oracle4engineer oracle4engineer
PRO
24
6.4k
ソフトウェアQAがハードウェアの人になったの
Avatar for Matsu mineo_matsuya
3
220
対話型音声AIアプリケーションの信頼性向上の取り組み
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
3
1.1k
安定した基盤システムのためのライブラリ選定
Avatar for KAKEHASHI kakehashi
PRO
3
130
AWS Well-Architected から考えるオブザーバビリティの勘所 / Considering the Essentials of Observability from AWS Well-Architected
Avatar for SMS tech sms_tech
1
140
サービスを止めるな！ DDoS攻撃へのスマートな備えと最前線の事例
Avatar for coconala_engineer coconala_engineer
1
190
(HackFes)米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
Avatar for Shun Yoshie syoshie
4
250
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for jackal5647 aaguide
0
500
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
Avatar for MURAKAMI Masahiko fossamagna
1
350
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
Avatar for karacoro / からころ tsukuha
1
390

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
Done Done
Avatar for chrislema chrislema
184
16k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k

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