Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Solid, Design Systems Lightning Talk
Emily Brick
December 15, 2016
Technology
1
320
Solid, Design Systems Lightning Talk
Emily Brick
December 15, 2016
Tweet
Share
Other Decks in Technology
See All in Technology
JAWS-UG朝会_41_NakagawaAkihiro.pptx.pdf
anakagawa
2
610
PCI DSS に準拠したシステム開発
yutadayo
0
170
本社オフィスを移転し、 オフィスファシリティ・コーポレートIT を刷新した話
rotomx
3
1.1k
Astroで始める爆速個人サイト開発
takanorip
12
8.2k
EMになって最初の失敗談 - コミュニケーション編 -
fukuiretu
1
320
DID/VCを用いた自己主権型アイデンティティの実現
sbtechnight
0
360
JAWS-UG AI/ML #15 - SageMaker Experimentsで始める機械学習モデルの実験管理
masatakashiwagi
0
530
学びを仕事に繋げる
sansanbuildersbox
15
5.9k
WebLogic Server for OCI 概要
oracle4engineer
PRO
3
830
TypeScriptは10年でこんなに進化しました / TechFeed Experts Night 11
okunokentaro
5
1.1k
“Do you have a virtual router?” Discuss how to use virtual routers
line_developers
PRO
0
440
Technologies for developing editors / Webエディタ開発を支える技術
shuta13
1
220
Featured
See All Featured
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.8k
KATA
mclloyd
12
9.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
GraphQLの誤解/rethinking-graphql
sonatard
39
7.8k
A designer walks into a library…
pauljervisheath
198
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Building Your Own Lightsaber
phodgson
96
4.9k
Three Pipe Problems
jasonvnalue
89
8.9k
What the flash - Photography Introduction
edds
64
10k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Adopting Sorbet at Scale
ufuk
65
7.8k
Building an army of robots
kneath
302
40k
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