Responsive Web Design Tools

729 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
729
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Responsive Web Design Tools

  1. 1. Responsive Web Design Tools Tools
  2. 2. Tonight’s AgendaState of RWD Quick Demo 5 1 10 15 25 30 0 RWD Q&A Wrap Up Tools
  3. 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. 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
  5. 5. Too much for this evening Media Queries Frameworks Adaptive Images Communication ^ Responsive Design Tools Testing Tools
  6. 6. Design / Prototyping ToolsAntetype Axure RP Balsamiq Blueprint codiqa Divshot Easel.io FieldTest Fireworks Flash FluidUI Foundation Handcraft Illustrator iMockups InDesign InVision iRise Jetstrap JustinmindKeynotopia mockingbird MockingBot Moqups Notism pidoco proto.io ProtoShare Prototypes Realizer refine.io SketchFlow Solidify UXPin Wirefy
  7. 7. RWD Design Tools (ak shûr)smoke and mirror CSS Editor
  8. 8. Testing Sites/Toolshttp://mattkersley.com/responsive/http://screenqueri.eshttp://www.responsinator.comhttp://html.adobe.com/edge/inspect/
  9. 9. Let’s Play
  10. 10. Wrap UpIdeas, Comments, Drinks?www.scottmcdowell.me gotham@me.com @_gotham

×