0
Responsive Design Techniques,Tools and Design StrategiesPiotr Walczyszyn | outof.me | @outof_me
@outof_meFacts0,511,522009 2010 2011 2012 2013 2014 2015BilionsofusersMobile DesktopSource: ComScore survey 2012
@outof_meFakty3.5 BILIONINTERNET CONNECTED DEVICES
@outof_meResponsive Web Design
@outof_meResponsive Web DesignEthanMarcotte
@outof_meMay 2010 June 2011Responsive Web Design
@outof_meResponsive Web DesignFlexible & FluidGridFlexibleImages &MediaMedia Queries
@outof_meExamples
@outof_meTechniques
@outof_meTechniquesDesktop Down vs. Mobile First
@outof_meTechniquesDesign First vs. Common Breakpoints
@outof_meTechniquesPX Media Queries vs. EM Media Queries
@outof_meTechniquesHorizontal & Vertical Media Queries
@outof_meTools
@outof_meEdge ReflowAdobe Edge Reflow
@outof_meResources‣Tools‣Reflow - http://html.adobe.com/edge/reflow/‣Responsive Inspector - http://outof.me/responsive-ins...
Upcoming SlideShare
Loading in...5
×

Responsive Design Techniques, Tools and Design Strategies with Paul Trani

520

Published on

Responsive design is all the rage right now, which has lead to some interesting approaches, frameworks, and tools. In this session Adobe Evangelist Paul Trani will review these approaches as well as showcase Edge Reflow—Adobe’s solution to responsive web design.

Published in: Business, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
520
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of " Responsive Design Techniques, Tools and Design Strategies with Paul Trani"

  1. 1. Responsive Design Techniques,Tools and Design StrategiesPiotr Walczyszyn | outof.me | @outof_me
  2. 2. @outof_meFacts0,511,522009 2010 2011 2012 2013 2014 2015BilionsofusersMobile DesktopSource: ComScore survey 2012
  3. 3. @outof_meFakty3.5 BILIONINTERNET CONNECTED DEVICES
  4. 4. @outof_meResponsive Web Design
  5. 5. @outof_meResponsive Web DesignEthanMarcotte
  6. 6. @outof_meMay 2010 June 2011Responsive Web Design
  7. 7. @outof_meResponsive Web DesignFlexible & FluidGridFlexibleImages &MediaMedia Queries
  8. 8. @outof_meExamples
  9. 9. @outof_meTechniques
  10. 10. @outof_meTechniquesDesktop Down vs. Mobile First
  11. 11. @outof_meTechniquesDesign First vs. Common Breakpoints
  12. 12. @outof_meTechniquesPX Media Queries vs. EM Media Queries
  13. 13. @outof_meTechniquesHorizontal & Vertical Media Queries
  14. 14. @outof_meTools
  15. 15. @outof_meEdge ReflowAdobe Edge Reflow
  16. 16. @outof_meResources‣Tools‣Reflow - http://html.adobe.com/edge/reflow/‣Responsive Inspector - http://outof.me/responsive-inspector/‣RWD Frameworks:‣Bootstrap http://twitter.github.io/bootstrap/‣Frameless http://framelessgrid.com/‣Responsive Grid System http://responsive.gs/‣Responsive Grid System http://www.responsivegridsystem.com/‣Skeleton http://www.getskeleton.com/‣Unsemantic http://unsemantic.com/‣Image libraries:‣hisrc https://github.com/teleject/hisrc‣Responsive Enhance https://github.com/joshje/Responsive-Enhance‣Spriteme http://spriteme.org
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×