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
Documenting an Atomic Design System with Jekyll
Search
Todd Moy
July 24, 2015
Design
380
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Documenting an Atomic Design System with Jekyll
A lightning talk presented at Explore UX / TriUPA.
Todd Moy
July 24, 2015
More Decks by Todd Moy
See All by Todd Moy
Wild Mushroom
toddmoy
1
110
Misdirection
toddmoy
0
150
Magic
toddmoy
0
240
The Secret Life of Usability (AIGA)
toddmoy
6
540
The Secret Life of Usability
toddmoy
11
620
Alternate Reality Games
toddmoy
1
200
Brain Bugs
toddmoy
3
220
Other Decks in Design
See All in Design
AI時代に求められるUXデザインのアプローチ
xtone
1
8.9k
言幹と言葉(Stems & Leaves)
kakukoki
0
210
凡庸を落とすハーネス
hiromimaeo
2
800
test deck title
shotamatsuo
0
1.5k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
350
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.1k
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.7k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
開閉UIのアニメーション設計
hiro0218
2
1k
Edmonton River Slidedeck
edmontonriver
0
230
Decksh keywords
ajstarks
0
120
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
380
Featured
See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
510
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
450
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
We Are The Robots
honzajavorek
0
320
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
480
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.9k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
710
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.1k
Transcript
Documenting an A T O M I C Design System
with Jekyll Presented by @toddmoy from @viget
BACKGROUND handoff to their tech team 3
AT0MIC DESIGN ATOMS MOLECULES ORGANISMS TEMPLATES PAGES 4
DOCUMENTATION ISSUES DesignSystem_20150120.pdf DesignSystem_20141218.pdf DesignSystem_20141205.pdf DesignSystem_20141120.pdf DesignSystem_20141101.pdf DesignSystem_20141031.pdf DesignSystem_20151010.pdf FORMAT
NAVIGATION & USABILITY VERSIONING 6
JEKYLL 8 A Static Site Generator
JEKYLL MARKDOWN CONTENT static web pages # Title Integer
posuere erat a ante venenatis dapibus posuere velit aliquet. * Lorem ipsum * Dolor site amet … HTML + CSS TEMPLATES <%= partial(‘header’) %> <body> <%= yield => </body> <%= partial(‘footer’) %> 9
BUILT JEKYLL WITH 22
How we used it PROCESS OMNIGRAFFLE INVISION basecamp JEKYLL 11
How we used it STRUCTURE 12
How we used it EDITING 13
How we used it Purpose & UsAGE SAMPLE SCREENS FUNCTIONAL
REQUIREMENTS EDITORIAL Requirements STYLISTIC GUIDELINES INCLUDED COMPONENTS & ELEMENTS CONTENT 15
How we used it COMMITS 16
How we used it PULL REQUESTS 17
How we used it HOSTING 18
FUTURE PLANS? 19
Thanks y’all! Presented by @toddmoy from @viget 21