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
43
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
76
Como Garantir a Qualidade da Sua Aplicação
devtalksbauru
0
95
BDD - Além da Automação
devtalksbauru
0
88
PHP7 - Not for kids
devtalksbauru
0
43
A verdade sobre Frameworks
devtalksbauru
0
48
Home Office: Você e a sua empresa estão preparados?
devtalksbauru
0
120
Other Decks in Design
See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
240
太田博三(@usagisan2020)
otanet
0
230
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
440
LLMによるRAG評価用合成テストデータの生成
licux
6
680
250131_product meetup
motokoishida
0
100
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
1
110
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
3
1.1k
マンガで分かるサービスデザインガイドライン
senryakuka
1
630
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
280
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Building Applications with DynamoDB
mza
93
6.2k
A Tale of Four Properties
chriscoyier
158
23k
Fireside Chat
paigeccino
34
3.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
YesSQL, Process and Tooling at Scale
rocio
172
14k
How to train your dragon (web standard)
notwaldorf
91
5.8k
Done Done
chrislema
182
16k
Designing Experiences People Love
moore
140
23k
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 "