1. HTML prototyping
Vicky Teinaki
@vickytnz
Super Mondays
25 November 2013

2. What is a prototype?

5. HTML prototying
can mean…

6. …making dev that bit
less fugly

7. also Foundation, Skeleton, other HTML starter kits,
good old YUI framework….

8. …pushing design and
wireframing towards
production

10. (from 2009, but still interesting)

11. Web is the new print! (Again…)

12. …documenting in
HTML

13. powerful, but f**king expensive (though
there’s a free beta version)

14. …HTML prototyping
all the way down
(HTML in HTML )

16. Gotchas

17. For devs (and
designers): the
Malkovich effect

19. Polish your
Bootstrap, it has good
LESS rules!

20. For designers: the
‘let’s party like it’s the
dot-com era again!’
effect

21. <should designers code
argument />

22. Be clear as to your
prototypes’ purpose
and watch the
weight and files!

23. For UXers: not-quiteWYSIWYG prototypes

25. Be aware of
restrictions and be
prepared to change

26. Interesting things
that are happening

27. Democratising making

28. More UX HTML prototyping
Lisa Bonet

29. Tips from the floor

30. “Any tips for HTML prototyping?”

31. Push the boundaries!