1. Responsive Web Design
Tools
Tools

2. Tonight’s Agenda
State of RWD Quick Demo
5
1
10 15 25 30
0
RWD Q&A Wrap Up
Tools

3. Scott McDowell
Freelance UX Designer, Entrepreneur, Advisor
twitter: @_gotham
Communications
^
Started 1st company Started UX Agency Sold UX Agency
’94 ’95 ’03 ’05 ’08 ’12
Designed 1st site Designed 1st Mobile Started Mobile Moved to Sunny LA
WAP site Design / Dev Shop

4. RWD Landscape
Ethan Marcotte Major brands, Starbucks,
introduces the term Boston Globe, Microsoft,
“Responsive Web Design” Time and others convert
their sites
10 11 12 13
Everyone wants
Designers and Developers an RWD
begin converting their sites

6. Too much for this evening
Media Queries
Frameworks
Adaptive Images
Communication
^
Responsive Design Tools
Testing Tools

7. Design / Prototyping Tools
Antetype Axure RP Balsamiq Blueprint codiqa
Divshot Easel.io FieldTest Fireworks Flash
FluidUI Foundation Handcraft Illustrator iMockups
InDesign InVision iRise Jetstrap Justinmind
Keynotopia mockingbird MockingBot Moqups Notism
pidoco proto.io ProtoShare Prototypes Realizer
refine.io SketchFlow Solidify UXPin Wirefy

8. RWD Design Tools
(ak shûr)
smoke and mirror CSS Editor

9. Testing Sites/Tools
http://mattkersley.com/responsive/
http://screenqueri.es
http://www.responsinator.com
http://html.adobe.com/edge/inspect/

10. Let’s Play

11. Wrap Up
Ideas, Comments,
Drinks?
www.scottmcdowell.me
gotham@me.com
@_gotham