Download - Responsive Web Design Tools
![Page 1: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/1.jpg)
Responsive Web Design Tools
![Page 2: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/2.jpg)
10
State of RWD
RWDTools
Quick Demo
Wrap UpQ&A
5 15 25 3010
Tonight’s Agenda
![Page 3: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/3.jpg)
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^
![Page 4: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/4.jpg)
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
![Page 5: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/5.jpg)
![Page 6: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/6.jpg)
Too much for this evening
Media QueriesFrameworks
Adaptive Images
Responsive Design ToolsTesting Tools
Communication^
![Page 7: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/7.jpg)
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
![Page 8: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/8.jpg)
(ak shûr)
RWD Design Tools
smoke and mirror CSS Editor
![Page 9: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/9.jpg)
Testing Sites/Tools
http://mattkersley.com/responsive/
http://screenqueri.es
http://www.responsinator.com
http://html.adobe.com/edge/inspect/
![Page 10: Responsive Web Design Tools](https://reader036.vdocument.in/reader036/viewer/2022081602/54c755dd4a79593b108b4681/html5/thumbnails/10.jpg)
Let’s Play