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
Back-end & Front-end em Harmonia com Atomic Design
Search
DevTalks Bauru
July 06, 2017
Design
0
44
Back-end & Front-end em Harmonia com Atomic Design
Talk do Matheus Costa
DevTalks Bauru
July 06, 2017
Tweet
Share
More Decks by DevTalks Bauru
See All by DevTalks Bauru
Construindo Microsserviços a partir de um Monolito
devtalksbauru
0
210
Robôs para Mercado Financeiro com MQL
devtalksbauru
1
200
Introdução ao Universo React Native
devtalksbauru
0
350
Go, Goroutines, Concorrência e Outros Bichos
devtalksbauru
0
78
Como Garantir a Qualidade da Sua Aplicação
devtalksbauru
0
96
BDD - Além da Automação
devtalksbauru
0
90
PHP7 - Not for kids
devtalksbauru
0
46
A verdade sobre Frameworks
devtalksbauru
0
49
Home Office: Você e a sua empresa estão preparados?
devtalksbauru
0
130
Other Decks in Design
See All in Design
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
480
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
740
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
Liquid Iron
mcduckyart
1
110
Saudade typeface
tiagoporto
0
330
Selección de proyectos PORTFOLIO 16/25
alvaroromero
0
100
アクセシビリティに取り組むメリット
magi1125
1
220
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
180
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
430
線で考える画面構成
natsuume
1
890
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Side Projects
sachag
455
43k
For a Future-Friendly Web
brad_frost
179
9.8k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Balancing Empowerment & Direction
lara
1
490
Automating Front-end Workflow
addyosmani
1370
200k
Done Done
chrislema
184
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Visualization
eitanlees
146
16k
Site-Speed That Sticks
csswizardry
10
720
Building Applications with DynamoDB
mza
95
6.5k
Transcript
FRONT END BACK harmonia Atomic Design em com &
SOU @matheusagcosta EU? QUEM @fintechdev #comunidade <3
DESIGN OI? ATOMIC metodologia
None
None
None
None
None
átomos BOTÃO Parágrafo Título LINK #8ABE5E
moléculas Título Estilizado AÇÃO 2 AÇÃO 1 Item 1 Item
2 Item 3 Item 4
organismos Alerta AÇÃO 2 Mensagem de confirmação AÇÃO 1 LOGO
Link Ativo Link Link Link Link Texto de rodapé Link
Modelos LOGO Link Ativo Link Link Link Link texto de
rodapé Link IMAGEM
páginas Dev T alks Contact About Blog Home Sitemap copyright
© 2017 Terms
None
None
Bootstraps tiny
organizando química toda a
None
http://patternlab.io/
http://demo.patternlab.io/
MAS…
https://www.sitepoint.com/setting-up-a-living-styleguide-in-jekyll/
case fintechdev
navegação detalhes código demonstração
None
demo time
atomic design CSS? no
“…atomic design has nothing to do with CSS or JavaScript
architecture.” http://bradfrost.com/blog/post/atomic-design-is-for-user-interfaces/ - Brad Frost
arquitetura CSS
http://www.creativebloq.com/web-design/manage-large-css- projects-itcss-101517528
None
metodologia CSS
BLOCK ELEMENT MODIFIER - .header - .header__title - .header__title--dark
None
! atomicdesign.bradfrost.com tableless.com.br/o-que-é- design-atomic "