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
Style Guide Driven Development
Search
Azizi Yazit
July 14, 2020
Research
0
58
Style Guide Driven Development
3 minutes lightning talk with Azizi the series
Azizi Yazit
July 14, 2020
Tweet
Share
More Decks by Azizi Yazit
See All by Azizi Yazit
Nasionalisme Melayu 1920 - 1948
aziziyazit
0
38
UKM - MFE
aziziyazit
0
71
Effective GIT Branching Strategy for Rapid UI Development
aziziyazit
0
93
Analisa Kesusasteraan
aziziyazit
0
25
Design System 101
aziziyazit
0
140
Continuous Integration with Trunk-based and Feature toggle (JomLaunch Edition)
aziziyazit
0
220
Continuous Integration with Trunk-based and Feature toggle
aziziyazit
1
200
[Ng-keralam] Style Guide Driven Development
aziziyazit
0
210
Logo basic prog lang (Hafsa)
aziziyazit
0
32
Other Decks in Research
See All in Research
音声感情認識技術の進展と展望
nagase
0
250
GPUを利用したStein Particle Filterによる点群6自由度モンテカルロSLAM
takuminakao
0
370
Panopticon: Advancing Any-Sensor Foundation Models for Earth Observation
satai
3
220
Submeter-level land cover mapping of Japan
satai
3
410
心理言語学の視点から再考する言語モデルの学習過程
chemical_tree
2
610
多言語カスタマーインタビューの“壁”を越える~PMと生成AIの共創~ 株式会社ジグザグ 松野 亘
watarumatsuno
0
130
HoliTracer:Holistic Vectorization of Geographic Objects from Large-Size Remote Sensing Imagery
satai
3
110
財務諸表監査のための逐次検定
masakat0
0
130
EOGS: Gaussian Splatting for Efficient Satellite Image Photogrammetry
satai
4
660
CoRL2025速報
rpc
1
2k
国際論文を出そう!ICRA / IROS / RA-L への論文投稿の心構えとノウハウ / RSJ2025 Luncheon Seminar
koide3
10
5.4k
一人称視点映像解析の最先端(MIRU2025 チュートリアル)
takumayagi
6
3.8k
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Navigating Team Friction
lara
190
15k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Documentation Writing (for coders)
carmenintech
75
5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
KATA
mclloyd
32
15k
Site-Speed That Sticks
csswizardry
11
900
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Docker and Python
trallard
46
3.6k
Transcript
Style-Guide Driven Development 3 mins @aziziyazit Lighting talk 2
Style-guide driven development 4 Phases Design Auditing Component Abstraction Publish
into Storybook Integrated in Apps 1 2 3 4 Placeholder Button Button Button Primary <a-button(click)=“click”> Button </a-button> Button Button Header A Placeholder A Atoms Button Molecules Header Header A Placeholder Button Button Button Secondary Button
Style-guide driven development Design Auditing 1 Logout Logout Button Button
Primary <a-button(click)=“click”> Button </a-button> Button Button Secondary Auditing Button Primary <a-button(click)=“click”> Button </a-button> Button Secondary Button Button
Style-guide driven development Component Abstraction 2 Logout Logout Logout Logout
development
Style-guide driven development Publish to Storybook 3 Logout Logout deployment
Button Primary <a-button(click)=“click”> Button </a-button> Button Secondary Button Button
Style-guide driven development Integrate to Apps 4 integration Button Primary
<a-button(click)=“click”> Button </a-button> Button Secondary Button Button Button Button Button
Component architecture Atomic Design A Button Header Placeholder Header A
Placeholder Button Atom Molecules Organisms Header A Placeholder Button