Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Solid, Design Systems Lightning Talk
Search
Emily Brick
December 15, 2016
Technology
1
370
Solid, Design Systems Lightning Talk
Emily Brick
December 15, 2016
Tweet
Share
Other Decks in Technology
See All in Technology
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
1
540
re:Invent 2025の見どころと便利アイテムをご紹介 / Highlights and Useful Items for re:Invent 2025
yuj1osm
0
230
OSSで50の競合と戦うためにやったこと
yamadashy
3
1k
Building a cloud native business on open source
lizrice
0
190
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.4k
AI時代、“平均値”ではいられない
uhyo
8
2.6k
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
340
オブザーバビリティが育むシステム理解と好奇心
maruloop
3
1.4k
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
870
CLIPでマルチモーダル画像検索 →とても良い
wm3
0
250
【SORACOM UG Explorer 2025】さらなる10年へ ~ SORACOM MVC 発表
soracom
PRO
0
160
Azure Well-Architected Framework入門
tomokusaba
1
140
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
GitHub's CSS Performance
jonrohan
1032
470k
KATA
mclloyd
PRO
32
15k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
89
Raft: Consensus for Rubyists
vanstee
140
7.2k
Become a Pro
speakerdeck
PRO
29
5.6k
Bash Introduction
62gerente
615
210k
A Tale of Four Properties
chriscoyier
161
23k
Automating Front-end Workflow
addyosmani
1371
200k
GraphQLとの向き合い方2022年版
quramy
49
14k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Transcript
Hello!
None
None
None
None
how a mock assumes we use things how we really
use things
None
“It’s a way to reduce duplication”
“No more code bloat!”
None
This is a “story block” component It appears in a
feed
Original story block styles
Original story block styling story block variant another story block
variant another story block & another story block variant another type of story block
Modified Component Styles
None
None
None
None
Solid Team
how we were currently handling this: how we’d handle it
with a functional css approach:
Choosing a style based on our specific needs ✔
None
How did we get started?
Start Small. Layout • responsive grid • utilities Base •
typography • colors • interface • buttons • forms • tables Resources • logos • templates • typefaces and icons • sandbox (prototypes)
None
None
None
None
None
solid.buzzfeed.com