Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive WordPress

Ross Johnson
November 30, 2012

Responsive WordPress

"One Site to Rule Them All" - The state of mobile in 2012 / 2013 and how you can make your WordPress website responsive.

Ross Johnson

November 30, 2012
Tweet

More Decks by Ross Johnson

Other Decks in Design

Transcript

  1. Mobile Websites in 2012 / 2013 @3pointRoss / @37Designs ONE

    WEBSITE TO RULE THEM ALL. Friday, November 30, 12
  2. SHOULD WE BE CONCERNED ABOUT THE MOBILE WEB? If so,

    how do best address it? Friday, November 30, 12
  3. I founded a company in 2004 3.7 DESIGNS WEB DESIGN

    BRANDING USER EXPERIENCE WORDPRESS Friday, November 30, 12
  4. 10% OF GLOBAL WEBSITE PAGE VIEWS ARE FROM A MOBILE

    DEVICE. According to StatCounter Friday, November 30, 12
  5. 2X THAT’S ALMOST TWICE WHAT IT WAS LAST YEAR. According

    to a Statcounter Friday, November 30, 12
  6. TABLETS WILL SOON SELL MORE THAN PC’S AS WELL. According

    to Business Insider. Friday, November 30, 12
  7. MOBILE INTERNET ACCESS WILL DWARF FIXED IN COMING YEARS. According

    to Business Insider. Friday, November 30, 12
  8. MYTH #3: A MOBILE FRIENDLY SITE IS NICE, BUT NOT

    A NECESSITY Friday, November 30, 12
  9. YOU DON’T KNOW WHERE YOU ARE GOING UNTIL YOU KNOW

    WHERE YOU HAVE BEEN. PocketWeb for the Apple Newton - 1994 Friday, November 30, 12
  10. YOU WANT MOBILE? OPT #1. WAP MOBILE SPECIFIC SITE OPT

    #2. GIVE UP. Friday, November 30, 12
  11. NOW YOU WANT MOBILE? OPT #1. MOBILE SPECIFIC SITE OPT

    #2. MOBILE STYLESHEET OPT #3. DO NOTHING Friday, November 30, 12
  12. 2011 UNTIL THIS YEAR, THESE THREE OPTIONS WERE ADEQUATE FOR

    MOBILE. According to Ross Johnson, 2012 Friday, November 30, 12
  13. 2012 T H I S Y E A R ,

    M O B I L E CHANGED AND THIS APPROACH IS NO LONGER EFFECTIVE. According to Ross Johnson, 2012 Friday, November 30, 12
  14. TWO MAJOR CHANGES HAVE RESULTED IN THE NEED FOR A

    NEW APPROACH. According to Ross Johnson, 2012 Friday, November 30, 12
  15. WITH SO MANY DEVICES, HOW DO YOU DESIGN A MOBILE

    SPECIFIC SITE OR STYLESHEET? Friday, November 30, 12
  16. 20% OF PEOPLE USE CELL P H O N E

    S A S T H E I R PRIMARY ONLINE DEVICE. According to a Pew Internet Study in 2012 Friday, November 30, 12
  17. MOBILE IS ANYTIME JUST BECAUSE I AM ON A MOBILE

    DEVICE DOESN’T MEAN THAT I AM MOBILE. According to Ross Johnson, 2012 Friday, November 30, 12
  18. HOW DO YOU DESIGN A MOBILE SPECIFIC SITE IF MOBILE

    USERS MIGHT NOT BE MOBILE? Friday, November 30, 12
  19. MORE THAN MOBILE WITH SO MANY DEVICES USED EVERYWHERE AND

    FOR ANYTHING, EVEN THE I D E A O F A “ M O B I L E WEBSITE” IS ANTIQUATED. According to Ross Johnson, 2012 Friday, November 30, 12
  20. UBIQUITOUS W E N E E D TO STA R

    T T H I N K I N G A B O U T UNIVERSAL WEBSITES. According to Ross Johnson, 2012 Friday, November 30, 12
  21. CAN’T DO THIS WITH A MOBILE SPECIFIC SITE. How do

    you accommodate all devices? What if the users wants access to all content? Friday, November 30, 12
  22. CAN’T DO NOTHING. It’s human nature to try and conserve

    energy. Even the “revolutionary” pinch and zoom feels cumbersome and painstaking. Friday, November 30, 12
  23. Responsive web design (often abbreviated to RWD) is an approach

    to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices. According to Wikipedia, which we all know is 100% accurate. Friday, November 30, 12
  24. WHY RWD WORKS #1. UNIVERSAL ACCESS #2. CONTENT PARITY #3.

    OPTIMAL DISPLAY CROSS PLATFORM According to Ross Johnson, 2012 Friday, November 30, 12
  25. WITH MOBILE FIRST: ONLY THE MOST IMPORTANT CONTENT MAKES IT

    TO THE SITE YOU CAN BE SURE CONTENT CAN BE ACCESSED AND DISTRIBUTED BY THE LARGEST POSSIBLE AUDIENCE According to Ross Johnson, 2012 Friday, November 30, 12
  26. WITH MOBILE FIRST: EVERYONE HAS EQUAL ACCESS TO THE FEATURES,

    FUNCTIONALITY AND CONTENT OF THE SITE. According to Ross Johnson, 2012 Friday, November 30, 12
  27. SIMPLICITY A SIMPLE SITE IS EASIER TO USE, EASIER TO

    BUILD AND EASIER TO MAINTAIN. According to Ross Johnson, 2012 Friday, November 30, 12
  28. RESPONSIVE DESIGN IS AN EFFECTIVE WAY TO BUILD UNIVERSAL SITES.

    According to Ross Johnson, 2012 Friday, November 30, 12
  29. GOOD PLUGINS WP FLUID IMAGES FITVIDS WP ORBIT SLIDER RESPONSIVE

    TWENTYTEN RESPONSIVE IMAGE GALLERY RESPONSIVE SELECT MENU Friday, November 30, 12