Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Adventures in Prototyping

Jen Myers
August 24, 2013
Design
5
620

Adventures in Prototyping

How To Make Simple, Solid HTML/CSS Prototypes.

Find links to all the tool resources here: https://gist.github.com/jenmyers/6783140

Jen Myers

August 24, 2013
Tweet

More Decks by Jen Myers

See All by Jen Myers
Listen to Your (and All) Mothers
jenmyers
0
160
Cartoon Creativity
jenmyers
0
210
How To Not Be an Expert
jenmyers
1
250
How to Start Coding from Any Level
jenmyers
0
240
Shepherding Unicorns
jenmyers
2
280
Owning It
jenmyers
0
290
Developers Can't Design (2013)
jenmyers
6
420
How to Not Be an Expert
jenmyers
8
550
Redesigning the Interface
jenmyers
4
770

Other Decks in Design

See All in Design
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
320
Карта процесса-опыта. Презентация метода
ashapiro
0
330
新しいemoji😄のアイデアを Unicodeが募集中‼️🏃‍♀️💨💨💨 傾向を学んでみんな提案しよう💪
oguemon
2
690
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
140
TUNAG BOOK 2024
stmn
0
330
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
490
デザインシステム構築の進め方　基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
root COMPANY DECK / We are hiring！
root_recruit
1
15k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
300
今日から始める グラレコ チャレンジ　DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
Optimizing for Happiness
mojombo
376
70k
Building Your Own Lightsaber
phodgson
103
6.1k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Into the Great Unknown - MozCon
thekraken
32
1.5k
What's new in Ruby 2.0
geeforr
343
31k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k

Transcript

  1. ADVENTURES IN PROTOTYPING HOW TO MAKE SIMPLE, SOLID HTML/CSS PROTOTYPES

  2. @antiheroine [email protected] jenmyers.net/speaking

  3. ORIGIN STORY

  4. WHY HTML/CSS PROTOTYPES? Fewer design deliverables Less development time Intended

    design implementation Thumbs-up from clients Easier team collaboration Superpowers!

  5. !important

  6. THE PROCESS

  7. PLANNING

  8. None
  9. None

  10. MARKUP

  11. None
  12. None
  13. None
  14. None

  15. STYLING

  16. None
  17. None
  18. None
  19. None

  20. Bootstrap?

  21. BEHAVIOR

  22. COLLABORATION & FEEDBACK

  23. None
  24. None

  25. @antiheroine [email protected] jenmyers.net/speaking

  26. balsamiq.com jekyllrb.com middlemanapp.com html5boilerplate.com initializr.com foundation.zurb.com getbootstrap.com sass-lang.com compass-style.org bourbon.io

    lesscss.org github.com mac.github.com windows.github.com pages.github.com github.com/jenmyers/jekyll-kickoff