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

Adventures in Prototyping

Jen Myers
August 24, 2013
Design
5
610

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
540
Redesigning the Interface
jenmyers
4
760

Other Decks in Design

See All in Design
Commune_Brand_Guideline_JA
commune
1
150
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
160
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
260
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
280
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
250
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
230
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
870
太田博三(@usagisan2020)
otanet
0
180
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.3k
Arborea Art Book
thebogheart
1
280
富山デザイン勉強会_デザイナーの打ち合わせ術_打ち合わせをクリエイティブな時間にする方法.pdf
keita_yoshikawa
1
110
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
13
5.8k

Featured

See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
GitHub's CSS Performance
jonrohan
1030
460k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Writing Fast Ruby
sferik
626
61k
Speed Design
sergeychernyshev
24
570
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Agile that works and the tools we love
rasmusluckow
327
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Navigating Team Friction
lara
183
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
800
Testing 201, or: Great Expectations
jmmastey
38
7k

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