Responsive Web Design         Tools         Tools
Tonight’s AgendaState of RWD           Quick Demo     5                1                10        15        25      30    ...
Scott McDowell Freelance UX Designer, Entrepreneur, Advisor twitter: @_gotham                                        Commu...
RWD Landscape      Ethan Marcotte                           Major brands, Starbucks,   introduces the term                ...
Too much for this evening     Media Queries      Frameworks     Adaptive Images   Communication          ^  Responsive Des...
Design / Prototyping ToolsAntetype      Axure RP      Balsamiq    Blueprint      codiqa Divshot       Easel.io     FieldTe...
RWD Design Tools  (ak shûr)smoke and mirror   CSS Editor
Testing Sites/Toolshttp://mattkersley.com/responsive/http://screenqueri.eshttp://www.responsinator.comhttp://html.adobe.co...
Let’s Play
Wrap UpIdeas, Comments,     Drinks?www.scottmcdowell.me  gotham@me.com     @_gotham
Responsive Web Design Tools
Upcoming SlideShare
Loading in...5
×

Responsive Web Design Tools

261

Published on

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

No Downloads
Views
Total Views
261
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
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
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×