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
430
How to Not Be an Expert
jenmyers
8
550
Redesigning the Interface
jenmyers
4
770

Other Decks in Design

See All in Design
LayerX DesignersDeck
layerx
PRO
0
910
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
410
root COMPANY DECK / We are hiring！
root_recruit
1
16k
TUNAG BOOK 2024
stmn
0
380
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4k
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜
tak073
0
170
Карта реализации историй — убийца USM
ashapiro
0
260
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
240
知を活かせるチームづくりとは？-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760
情報設計からのデザインアプローチ ～ユーザーの声を聞くよりも、もっとデータの声を聞け～
securecat
4
2.5k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
510
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Side Projects
sachag
452
42k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k

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