SlideShare une entreprise Scribd logo
1  sur  7
Télécharger pour lire hors ligne
Responsive Design
What is Responsive Design?

 It is the idea that a site should be optimized for (or
adapt/respond to) a user’s behavior, screen resolution
and orientation, no matter which device is being used.
When should we be using it? And
            why?
 • Discussion is happening
 • When does it make sense to use responsive vs.
   mobile site vs. mobile app?

 • The web is constantly evolving
 • Responsive Design isn’t going away
What issues does it solve?

• Growing number of device types
• Users' expectations
• Duplicate content / mobile specific URLs
How is it done?

• CSS (Media Queries - http://bit.ly/bwUUJu)
• JavaScript (Polyfills - http://bit.ly/bHRSuJ)
Where is it being used?

• http://bostonglobe.com
• http://thinkvitamin.com
• http://www.anderssonwise.com
• http://foodsense.is
More Resources

• Responsive Web Design by Ethan Marcotte -
  http://bit.ly/bcKwQS

• Beginner’s Guide to Responsive Web Design by
  Nick Pettit - http://bit.ly/pnGxd9

• Responsive Web Design: What It Is and How To
  Use It by Kayla Knight - http://bit.ly/m3ap1L

Contenu connexe

Plus de Paramore | the digital agency

Paramore University Spring 2013 - 12 Steps to Digital Sanity
Paramore University Spring 2013 - 12 Steps to Digital SanityParamore University Spring 2013 - 12 Steps to Digital Sanity
Paramore University Spring 2013 - 12 Steps to Digital SanityParamore | the digital agency
 
Applied Marketing Analytics - Paramore University 4.16.13
Applied Marketing Analytics - Paramore University 4.16.13Applied Marketing Analytics - Paramore University 4.16.13
Applied Marketing Analytics - Paramore University 4.16.13Paramore | the digital agency
 
Paramore University October 2012 - David Baker Presentation: Using Personalit...
Paramore University October 2012 - David Baker Presentation: Using Personalit...Paramore University October 2012 - David Baker Presentation: Using Personalit...
Paramore University October 2012 - David Baker Presentation: Using Personalit...Paramore | the digital agency
 
Breakout Session: Five Social Media Tips and Tricks You Need to Implement Now
Breakout Session: Five Social Media Tips and Tricks You Need to Implement NowBreakout Session: Five Social Media Tips and Tricks You Need to Implement Now
Breakout Session: Five Social Media Tips and Tricks You Need to Implement NowParamore | the digital agency
 
PPT version - Best Western New England Co-Op Meeting 2012
PPT version - Best Western New England Co-Op Meeting 2012PPT version - Best Western New England Co-Op Meeting 2012
PPT version - Best Western New England Co-Op Meeting 2012Paramore | the digital agency
 
Tennessee Tourism | 2012 - 2013 Fiscal Year Media Plan
Tennessee Tourism | 2012 - 2013 Fiscal Year Media PlanTennessee Tourism | 2012 - 2013 Fiscal Year Media Plan
Tennessee Tourism | 2012 - 2013 Fiscal Year Media PlanParamore | the digital agency
 
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2Paramore | the digital agency
 
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3Paramore | the digital agency
 

Plus de Paramore | the digital agency (20)

Marketing college 2013 final
Marketing college 2013 finalMarketing college 2013 final
Marketing college 2013 final
 
Paramore University Spring 2013 - 12 Steps to Digital Sanity
Paramore University Spring 2013 - 12 Steps to Digital SanityParamore University Spring 2013 - 12 Steps to Digital Sanity
Paramore University Spring 2013 - 12 Steps to Digital Sanity
 
Applied Marketing Analytics - Paramore University 4.16.13
Applied Marketing Analytics - Paramore University 4.16.13Applied Marketing Analytics - Paramore University 4.16.13
Applied Marketing Analytics - Paramore University 4.16.13
 
New Jersey Governor's Conference 2013
New Jersey Governor's Conference 2013New Jersey Governor's Conference 2013
New Jersey Governor's Conference 2013
 
Logo Design
Logo Design Logo Design
Logo Design
 
Wv gov conf 2012
Wv gov conf 2012Wv gov conf 2012
Wv gov conf 2012
 
Paramore University October 2012 - David Baker Presentation: Using Personalit...
Paramore University October 2012 - David Baker Presentation: Using Personalit...Paramore University October 2012 - David Baker Presentation: Using Personalit...
Paramore University October 2012 - David Baker Presentation: Using Personalit...
 
Best western virginia co op meeting presentation
Best western virginia co op meeting presentationBest western virginia co op meeting presentation
Best western virginia co op meeting presentation
 
Florida 2012 - PDF
Florida 2012 - PDFFlorida 2012 - PDF
Florida 2012 - PDF
 
Breakout Session: Five Social Media Tips and Tricks You Need to Implement Now
Breakout Session: Five Social Media Tips and Tricks You Need to Implement NowBreakout Session: Five Social Media Tips and Tricks You Need to Implement Now
Breakout Session: Five Social Media Tips and Tricks You Need to Implement Now
 
PPT version - Best Western New England Co-Op Meeting 2012
PPT version - Best Western New England Co-Op Meeting 2012PPT version - Best Western New England Co-Op Meeting 2012
PPT version - Best Western New England Co-Op Meeting 2012
 
Tennessee Tourism | 2012 - 2013 Fiscal Year Media Plan
Tennessee Tourism | 2012 - 2013 Fiscal Year Media PlanTennessee Tourism | 2012 - 2013 Fiscal Year Media Plan
Tennessee Tourism | 2012 - 2013 Fiscal Year Media Plan
 
Paramore University - AlphaChimp Scribes
Paramore University - AlphaChimp ScribesParamore University - AlphaChimp Scribes
Paramore University - AlphaChimp Scribes
 
Arkansas Governors Conference
Arkansas Governors ConferenceArkansas Governors Conference
Arkansas Governors Conference
 
Meharry 2 24
Meharry 2 24Meharry 2 24
Meharry 2 24
 
West Virginia Hospitality and Travel Association
West Virginia Hospitality and Travel AssociationWest Virginia Hospitality and Travel Association
West Virginia Hospitality and Travel Association
 
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 2
 
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3
Maryland Tourism & Travel Summit- Hannah Paramore's Presentation Part 1 of 3
 
Healthways + Paramore | Email Marketing
Healthways + Paramore | Email MarketingHealthways + Paramore | Email Marketing
Healthways + Paramore | Email Marketing
 
SPECIAL REPORT MarketingSherpa Email Awards 2012
SPECIAL REPORT MarketingSherpa Email Awards 2012SPECIAL REPORT MarketingSherpa Email Awards 2012
SPECIAL REPORT MarketingSherpa Email Awards 2012
 

Paramore likes Responsive Design

  • 2. What is Responsive Design? It is the idea that a site should be optimized for (or adapt/respond to) a user’s behavior, screen resolution and orientation, no matter which device is being used.
  • 3. When should we be using it? And why? • Discussion is happening • When does it make sense to use responsive vs. mobile site vs. mobile app? • The web is constantly evolving • Responsive Design isn’t going away
  • 4. What issues does it solve? • Growing number of device types • Users' expectations • Duplicate content / mobile specific URLs
  • 5. How is it done? • CSS (Media Queries - http://bit.ly/bwUUJu) • JavaScript (Polyfills - http://bit.ly/bHRSuJ)
  • 6. Where is it being used? • http://bostonglobe.com • http://thinkvitamin.com • http://www.anderssonwise.com • http://foodsense.is
  • 7. More Resources • Responsive Web Design by Ethan Marcotte - http://bit.ly/bcKwQS • Beginner’s Guide to Responsive Web Design by Nick Pettit - http://bit.ly/pnGxd9 • Responsive Web Design: What It Is and How To Use It by Kayla Knight - http://bit.ly/m3ap1L

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n