Responsive Design Techniques, Tools and Design Strategies with Paul Trani
Upcoming SlideShare
Loading in...5
×
 

Responsive Design Techniques, Tools and Design Strategies with Paul Trani

on

  • 809 views

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 ...

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.

Statistics

Views

Total Views
809
Views on SlideShare
809
Embed Views
0

Actions

Likes
1
Downloads
15
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

 Responsive Design Techniques, Tools and Design Strategies with Paul Trani Responsive Design Techniques, Tools and Design Strategies with Paul Trani Presentation Transcript

  • 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-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