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

Responsive Web Design

on

  • 469 views

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.

Statistics

Views

Total Views
469
Views on SlideShare
469
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

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

  • Responsive Web DesignWhat it is, why it’s awesome, and how to do it
  • Why am I talking about to this?• Because clients love it• Because I think it’s awesome…and you should too 2
  • 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
  • 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
  • Why RWD is important• Makes your site look awesome on mobile• Because Google says so• Avoids duplicate content issues• Avoids link-dilution 5
  • How to make a site responsive• CSS is your friend!• Avoid hardcoding styles• CSS3 media queries 6
  • Example See it in action! 7
  • Example See it in action! http://www.mikearnesen.com/rwd/ 8
  • Thank You! 9