Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016

Other Decks in Technology

See All in Technology
「エーアイ」をバズワードにしないために RPA 導入経験と Kiro 上での Claude モデル利用経験から
Avatar for kazzpapa3 kazzpapa3
0
120
Agent × Maestro で始める モバイル E2E　端末準備からテスト実行・結果確認まで
Avatar for SansanTech sansantech
PRO
0
200
2026-10-24 JAWS JAWS-UG 茨城 #18 IAM Policy Autopilotってなにさ。terraform planからIAM Policyつくれるの? / What's IAM Policy Autopilot
Avatar for SUZUKI Masashi masasuzu
0
140
CTO Night｜NotionのAIエージェントとFDE
Avatar for Kazuki Hayakawa kzkhykw1991
0
310
構造で守らせる　データ・法務・セキュリティ・開発チームとつくる AI時代のデータガバナンスとデータ基盤のリアル
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
1
390
Claude Code on Bedrock で統制をかける小ネタ集/claude-code-bedrock-governance-tips
Avatar for emi emiki
1
12k
Metadata - Section 2: Simple Metadata & Meta Tags
Avatar for mohab soliman mohab1
0
140
Let's Change Our World—Again
Avatar for Koji SHIMADA snoozer05
PRO
6
670
AIで選択肢が広がった組織設計の理想と現実
Avatar for konifar konifar
0
440
Gemini Intelligence 入門 ― AppFunctions と Gemini Nano
Avatar for takuro abe takuroabe
0
370
AI駆動開発におけるハーネスエンジニアリングの勘所
Avatar for つくぼし tsukuboshi
1
720
QAエンジニアがSoutherを使ってみたの〜10分でわかるSouther〜
Avatar for リリカル mhlyc
0
120

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
410
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
460
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
310
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
590
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k

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