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

Solid, Design Systems Lightning Talk

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
Exadata Fleet Update
Avatar for oracle4engineer oracle4engineer
PRO
0
1.2k
フルスタックGoでスコア改ざんを防いだ話
Avatar for ponyo877 ponyo877
0
470
プレビュー版のDevOpsエージェントを現段階で触ってみた
Avatar for motsu ad_motsu
1
170
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
150
xDS を活用したサービスディスカバリーで実現するブランチ別 QA 環境の構築手法
Avatar for Kenta Takahashi knwoop
1
160
AITuberKit+Bedrock AgentCoreで作る 3Dキャラクターエージェント
Avatar for yoko / Naoki Yokomachi yokomachi
2
1.1k
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
350
Open Table Formatにおけるストレージ抽象化の比較
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
180
インシデント対応入門
Avatar for gr1m0h grimoh
5
4k
【Claude Code】Plugins作成から始まったファインディの開発フロー改革
Avatar for starfish719 starfish719
0
270
今こそ学びたいKubernetesネットワーク ～CNIが繋ぐNWとプラットフォームの「フラッと」な対話
Avatar for Takuto Nagami logica0419
9
770
「データの価値を、みんなの武器に。」Data Enablementの価値とツラみ
Avatar for Ryosuke Noaki ryoskdara_
1
120

Featured

See All Featured
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
74
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
78
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
170
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
600
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
440
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
120
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
150
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k

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