Responsive Web Design Tools

10

State of RWD

RWDTools

Quick Demo

Wrap UpQ&A

5 15 25 3010

Tonight’s Agenda

Scott McDowell

Started 1st company

’94 ’95

Designed 1st siteDesigned 1st MobileWAP site

’03

Started UX Agency

’05

Started Mobile Design / Dev Shop

’08

Sold UX Agency

’12

Moved to Sunny LA

Freelance UX Designer, Entrepreneur, Advisortwitter: @_gotham

Communications^

RWD LandscapeEthan Marcotte

introduces the term“Responsive Web

Design”

Everyone wantsan RWD

10 11 13

Designers and Developers begin

converting their sites

12

Major brands, Starbucks, Boston

Globe, Microsoft, Time and others convert their

sites

Too much for this evening

Media QueriesFrameworks

Adaptive Images

Responsive Design ToolsTesting Tools

Communication^

Design / Prototyping ToolsAntetype 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

(ak shûr)

RWD Design Tools

smoke and mirror CSS Editor

Testing Sites/Tools

http://mattkersley.com/responsive/

http://screenqueri.es

http://www.responsinator.com

http://html.adobe.com/edge/inspect/

Let’s Play

Ideas, Comments, Drinks?

Wrap Up

www.scottmcdowell.me gotham@me.com

@_gotham