Date post: | 02-Nov-2014 |
Category: |
Technology |
Upload: | valtech-ab |
View: | 1,270 times |
Download: | 5 times |
Stilguider & atomic designSara Ingmar & Marcus Linder @ Valtech Tech Day 2014 #vtd14
http://shop.lego.com/en-SE/Sydney-Opera-House-10234
• Vad är en stilguide?
• Atomic Design som koncept
• Hur jobbar vi med stilguider? (Länsförsäkringar och Boxer)
• Styrkor och svagheter
Agenda
Vad är en stilguide?
Vad är de bra för?
Atomic Design
–Brad Frost
“By assembling rather than deconstructing, we’re crafting a system right out of the gate instead of cherry picking
patterns after the fact.”
bradfrostweb.com/blog/post/atomic-web-design
Atomic design1. Atomer
2. Molekyler
3. Organismer
4. Mallar
5. Sidor
1. Atomer
2. Molekyler
3. Organismer
4. Mallar
5. Sidor
Stilguider på
.psd
.psd
Stilguider på
Styrkor och svagheter
• Kodreferens
• Testbarhet
• Översikt och struktur
Tack!Sara Ingmar
[email protected] @saraingmar
Marcus Linder [email protected]
@marcuslinder
Valtech Tech Day 2014 #vtd14