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

Like this? Share it with your network

Share

Responsive Web Design

  • 538 views
Uploaded 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.

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
538
On Slideshare
538
From Embeds
0
Number of Embeds
0

Actions

Shares
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