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
72
Effective GIT Branching Strategy for Rapid UI Development
aziziyazit
0
95
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
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
730
日本語新聞記事を用いた大規模言語モデルの暗記定量化 / LLMC2025
upura
0
250
不確実性下における目的と手段の統合的探索に向けた連続腕バンディットの応用 / iot70_gp_rff_mab
monochromegane
2
190
能動適応的実験計画
masakat0
2
850
AIグラフィックデザインの進化:断片から統合(One Piece)へ / From Fragment to One Piece: A Survey on AI-Driven Graphic Design
shunk031
0
510
機械学習と数理最適化の融合 (MOAI) による革新
mickey_kubo
1
400
地域丸ごとデイサービス「Go トレ」の紹介
smartfukushilab1
0
150
CVPR2025論文紹介:Unboxed
murakawatakuya
0
180
[RSJ25] Enhancing VLA Performance in Understanding and Executing Free-form Instructions via Visual Prompt-based Paraphrasing
keio_smilab
PRO
0
140
Towards a More Efficient Reasoning LLM: AIMO2 Solution Summary and Introduction to Fast-Math Models
analokmaus
2
910
国際論文を出そう!ICRA / IROS / RA-L への論文投稿の心構えとノウハウ / RSJ2025 Luncheon Seminar
koide3
10
5.5k
Vision and LanguageからのEmbodied AIとAI for Science
yushiku
PRO
1
560
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Six Lessons from altMBA
skipperchong
29
4k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Designing Experiences People Love
moore
142
24k
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