Responsive Web Design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Responsive Web Design

on

  • 2,613 views

My presentation on Responsive Web Design from Pubcon Las Vegas 2012

My presentation on Responsive Web Design from Pubcon Las Vegas 2012

Statistics

Views

Total Views
2,613
Views on SlideShare
2,561
Embed Views
52

Actions

Likes
1
Downloads
18
Comments
0

5 Embeds 52

http://www.etaktiker.ch 34
https://twitter.com 12
https://si0.twimg.com 3
http://kred.com 2
http://tweetedtimes.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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 Web Design Presentation Transcript

  • 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