Your SlideShare is downloading. ×
Responsive Web Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Responsive Web Design

348
views

Published on

What it is, why it's awesome, and how to make it happen.

What it is, why it's awesome, and how to make it happen.

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Responsive Web DesignWhat it is, why it’s awesome, and how to do it
  • 2. Why am I talking about to this?• Because clients love it• Because I think it’s awesome…and you should too 2
  • 3. Responsive Web Design…• RWD• Allows multiple layouts for various devices/sizes• Delivers mobile & desktop sites via the same URL > Also, tablet sites• Eliminates SEO issues 3
  • 4. RWD vs. Mobile First vs. D/R/S• Mobile First oversimplifies• Detection/Redirection/Self-selection is problematic• RWD - thanks to full-featured mobile browsers 4
  • 5. Why RWD is important• Makes your site look awesome on mobile• Because Google says so• Avoids duplicate content issues• Avoids link-dilution 5
  • 6. How to make a site responsive• CSS is your friend!• Avoid hardcoding styles• CSS3 media queries 6
  • 7. Example See it in action! 7
  • 8. Example See it in action! http://www.mikearnesen.com/rwd/ 8
  • 9. Thank You! 9