Responsive Web Design Tools
description
Transcript of Responsive Web Design Tools
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