Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive Web Design

3,257 views

Published on

My presentation on Responsive Web Design from Pubcon Las Vegas 2012

  • Be the first to comment

Responsive Web Design

  1. Responsive Web Design Dawn Wentzell @saffyre9 Dawn Wentzell | @saffyre9
  2. One URL• Bing: March 2012• Google: June 2012 Dawn Wentzell | @saffyre9
  3. WHY ONE URL? Dawn Wentzell | @saffyre9
  4. Google: It’s easier for us• Easier for users• Easier on crawl efficiency• Easier for link algorithms Dawn Wentzell | @saffyre9
  5. Bing: It’s easier for you!• Not splitting ranking• Less crawler bandwidth• Less maintenance Dawn Wentzell | @saffyre9
  6. Dawn Wentzell | @saffyre9
  7. WHAT IS RESPONSIVE WEBDESIGN? Dawn Wentzell | @saffyre9
  8. CSS Media Queries• Uses the same: – HTML – Content Dawn Wentzell | @saffyre9
  9. NOT CSS2 Media Types Dawn Wentzell | @saffyre9
  10. CSS3 Media Queries Dawn Wentzell | @saffyre9
  11. “Rather than looking for a type of device they look at the capability of the device” – Smashing Magazine bit.ly/PPYxad Dawn Wentzell | @saffyre9
  12. WHY USE RESPONSIVE DESIGN? Dawn Wentzell | @saffyre9
  13. Single Content Source Dawn Wentzell | @saffyre9
  14. Single Code Base Dawn Wentzell | @saffyre9
  15. Any Content, Any Platform Dawn Wentzell | @saffyre9
  16. Device Agnostic Dawn Wentzell | @saffyre9
  17. WHY NOT USE RESPONSIVEDESIGN? Dawn Wentzell | @saffyre9
  18. Unique Device Experiences Dawn Wentzell | @saffyre9
  19. PlanningNightmares Dawn Wentzell | @saffyre9
  20. Page Load Times Dawn Wentzell | @saffyre9
  21. WHICH SHOULD I USE? Dawn Wentzell | @saffyre9
  22. Dawn Wentzell | @saffyre9
  23. CAN I USE BOTH? Dawn Wentzell | @saffyre9
  24. Yes!RESS: Responsive Web Design + Server Side Componentsbit.ly/SX7vAF Dawn Wentzell | @saffyre9
  25. “…optimizing what we send to any given device is taken care of on the server.” – Luke W Dawn Wentzell | @saffyre9
  26. HOW DO I MAKE MY SITERESPONSIVE? Dawn Wentzell | @saffyre9
  27. Start Fresh Dawn Wentzell | @saffyre9
  28. Mobile First Dawn Wentzell | @saffyre9
  29. Device Classes Dawn Wentzell | @saffyre9
  30. Breakpoints Dawn Wentzell | @saffyre9
  31. CSS3 Media Queries Dawn Wentzell | @saffyre9
  32. Resources• One URL: bit.ly/QDOTJL• Responsive Design: bit.ly/VfVQBA• RESS: bit.ly/Rt20wO Dawn Wentzell | @saffyre9
  33. Thank You! Dawn Wentzelldawn@dawnwentzell.com @saffyre9 Dawn Wentzell | @saffyre9

×