The Rise of Tablets - How Responsive Web Design Is In Your Future            Rick Wilson President/COO Miva Merchant      ...
Not a Buzz-Word
There is no such  thing as the“mobile” internet!
So…What is RWD• Progressive enhancement  based on browser-, device-  , or feature-detection• Flexible, grid-based layouts•...
CSS3 Media What???     • Device agnostic     • Media queries look at physical       characteristics:         – Browser vie...
Future FriendlyResponsive Web Design           + Adaptive Web Design           =Progressive Web Design
Mobile vs. Responsive• Should you build a  separate mobile site or  a responsive Web site?• Instead of mobile last,  build...
PROS• Your site is available to everyone regardless of  the device they use.• You only have one set of content to update  ...
CONS• Higher initial development costs.• Updates must be tested on a variety of  devices.• Possible page performance issue...
How does this affect me?• 79% of US smartphone and tablet owners  have used their mobile devices for shopping-  related ac...
Tablets Are The Future
Desktop
Laptop
Tablet
Smartphone
Queries    &Responses
Credits•   http://www.smashingmagazine.com/2013/02/25/there-is-no-mobile-internet/•   http://en.wikipedia.org/wiki/Respons...
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
The Rise Of Tablets: Responsive Web Design is in your future
Upcoming SlideShare
Loading in …5
×

The Rise Of Tablets: Responsive Web Design is in your future

828
-1

Published on

My slides from the IMA/ASD presentation in March 2013.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

The Rise Of Tablets: Responsive Web Design is in your future

  1. 1. The Rise of Tablets - How Responsive Web Design Is In Your Future Rick Wilson President/COO Miva Merchant ASD/IMA March 2013 – Las Vegas, Nevada
  2. 2. Not a Buzz-Word
  3. 3. There is no such thing as the“mobile” internet!
  4. 4. So…What is RWD• Progressive enhancement based on browser-, device- , or feature-detection• Flexible, grid-based layouts• Flexible images and media• Utilize CSS3 media queries
  5. 5. CSS3 Media What??? • Device agnostic • Media queries look at physical characteristics: – Browser viewport – Device screen size – Device orientation @media only screen and (min-width: 480px) { /* CSS FOR SCREENS WIDER THAN 480PX GOES HERE */ } @media only screen and (min-width: 600px) { /* CSS FOR SCREENS WIDER THAN 600PX GOES HERE */ }
  6. 6. Future FriendlyResponsive Web Design + Adaptive Web Design =Progressive Web Design
  7. 7. Mobile vs. Responsive• Should you build a separate mobile site or a responsive Web site?• Instead of mobile last, build mobile first.• Tablets are NOT mobile!
  8. 8. PROS• Your site is available to everyone regardless of the device they use.• You only have one set of content to update and track analytics for.• Endorsed by Google.• Future Friendly
  9. 9. CONS• Higher initial development costs.• Updates must be tested on a variety of devices.• Possible page performance issues on slower networks.• Video, third-party code and banners can pose challenges.
  10. 10. How does this affect me?• 79% of US smartphone and tablet owners have used their mobile devices for shopping- related activities.• 42% of tablet owners have “used their device to purchase an item,” compared to 29% of smartphone owners. Source: http://blog.nielsen.com/nielsenwire/online_mobile/how-us-smartphone-and-tablet-owners-use-their-devices-for-shopping/
  11. 11. Tablets Are The Future
  12. 12. Desktop
  13. 13. Laptop
  14. 14. Tablet
  15. 15. Smartphone
  16. 16. Queries &Responses
  17. 17. Credits• http://www.smashingmagazine.com/2013/02/25/there-is-no-mobile-internet/• http://en.wikipedia.org/wiki/Responsive_web_design• http://www.webdesignerdepot.com/2013/01/the-new-rules-of-the-responsive-web/• http://www.universalmind.com/mindshare/entry/mobile-users-will-exceed-desktop-users-by- 2014• http://www.lukew.com/ff/entry.asp?1631• http://www.lukew.com/ff/entry.asp?1551• http://blog.nielsen.com/nielsenwire/online_mobile/how-us-smartphone-and-tablet-owners- use-their-devices-for-shopping• http://www.mivamerchant.com/blog/ecommerce-and-tablet-users-on-the-rise
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×