It's hard to maintain a responsi

1. Maintaining
Responsive Integrity

2. Jesse Friedman
Author, Professor, Developer - @professor

3. · Director of Web Interface and Development
· Professor at Johnson & Wales University
· Author: Web Designers Guide to WordPress
· Writer: Designers Web Handbook, Web
Designers Idea Book Volume 2, .NET
Magazine, netmagazine.com, HOW and more
Jesse Friedman
Author, Professor, Developer - @professor

4. · Director of Web Interface and Development
· Professor at Johnson & Wales University
· Author: Web Designers Guide to WordPress
· Writer: Designers Web Handbook, Web
Designers Idea Book Volume 2, .NET
Magazine, netmagazine.com, HOW and more
· Co-organizer WordPress Providence
Meetup and WordCamp Providence 2012
Jesse Friedman
Author, Professor, Developer - @professor

5. Tweet a photo, link or text
about something you learned
today. cc/ @professor use
#wcchi.
2 Hard Copies and 3 Digital
Want a Free Copy?

6. Responsive
So what’s the difference between a
CMS based Responsive site and a
static one?

7. HTML, CSS, JavaScript

8. I C ES S
T R
A P
T D
S R
W O

9. I C ES S
T R
A P
T D
S R
W O

10. S S
R E
D P
O R
W

13. FRAMEWORKS,

14. FRAMEWORKS,
GRID SYSTEMS,

15. FRAMEWORKS,
GRID SYSTEMS,
ALL THAT STUFF,

16. FRAMEWORKS,
GRID SYSTEMS,
ALL THAT STUFF,
STILL WORKS!

17. User Admin
us·er ad·min

18. User Admin
us·er ad·min
A person responsible for running
and operating a system

19. User Admin
us·er ad·min

20. User Admin
us·er ad·min
In other words, the person who’s
gonna gaff up your design

21. User Admin of your design
May compromise the integrity

22. User Admin of your design
May compromise the integrity

23. Userexpected to maintain responsive content
Admin’s
Can’t be

24. Userexpected to maintain responsive content
Admin’s
Can’t be

25. User some road blocks
Admin’s
Will have

26. · Media and maintaining a fluid layout
User some road blocks
Admin’s
Will have

27. · Media and maintaining a fluid layout
· Menus
User some road blocks
Admin’s
Will have

28. · Media and maintaining a fluid layout
· Menus
· Multiple Columns
User some road blocks
Admin’s
Will have

29. · Media and maintaining a fluid layout
· Menus
· Multiple Columns
· Showing and Hiding Content based on
user device
User some road blocks
Admin’s
Will have

30. Content is KING!
Empowering User Admins to choose when to
show content

31. What if at the server level you could say:
Content is KING!
Empowering User Admins to choose when to
show content

32. What if at the server level you could say:
On a mobile device? do this:
Content is KING!
Empowering User Admins to choose when to
show content

33. What if at the server level you could say:
On a mobile device? do this:
THIS
Content is KING!
Empowering User Admins to choose when to
show content

34. What if at the server level you could say:
On a mobile device? do this:
THIS
else do this:
Content is KING!
Empowering User Admins to choose when to
show content

35. What if at the server level you could say:
On a mobile device? do this:
THIS
else do this:
OTHER THIS
Content is KING!
Empowering User Admins to choose when to
show content

37. WordPress wp_is_mobile();

38. WordPress wp_is_mobile();
<?php
if ( wp_is_mobile() ) the_post_thumbnail( 'post-thumb' );
else the_post_thumbnail ( 'post-large' );
?>

40. What if at the server level you could say:

41. What if at the server level you could say:
isiPhone()

42. What if at the server level you could say:
isiPhone()
isBlackBerry()

43. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()

44. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()

45. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()

46. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()

47. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()

48. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()

49. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()

50. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()

51. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()

52. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()

53. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()

54. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()

55. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()

56. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()

57. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

58. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

59. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

60. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

61. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

62. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

63. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

64. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

65. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

66. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

67. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

68. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

69. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

70. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

71. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet()
isiPad()
isKindle()

72. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad()
isKindle()

73. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle()

74. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

75. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

76. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

77. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

78. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

79. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

80. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

81. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

82. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

83. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

84. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

85. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

86. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

87. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

88. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS() isMidori()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

89. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS() isMidori()
isBlackBerryTablet() isFlashLiteOS() isGenericBrowser()
isiPad() isJavaOS()
isKindle() isNokiaOS()

90. Featured Images
Leveraging WordPress

91. Featured Images
Leveraging WordPress

92. Featured Images
Leveraging WordPress

93. add_image_size( 'desktop', 800, 600, true );
add_image_size( 'tablet', 600, 350, true );
add_image_size( 'iphone', 400, 300, true);
add_image_size( 'mobile', 300, 175, true );
Featured Images
Leveraging WordPress

95. WordPress PHP Mobile Detect

96. WordPress PHP Mobile Detect
<?php
if ( isiPhone() ) post_thumbnail( 'iphone' );
elseif ( isMobile() ) post_thumbnail( 'mobile' );
elseif ( isTablet() ) post_thumbnail( 'tablet' );
else post_thumbnail( 'desktop' );
?>

98. Dropping Static Width and Height Attributes

99. Dropping Static Width and Height Attributes
$( '.attachment-post-thumb' )
.removeAttr( 'width' ).removeAttr( 'height' );
$( '.content img' )
.removeAttr( 'width' ).removeAttr( 'height' );

100. Multi-Column
Using the screen up

101. Multi-Column
Remember responsive isn’t just mobile

102. Multi-Column
Remember responsive isn’t just mobile

103. Multi-Column
Remember responsive isn’t just mobile

104. Multi-Column
Remember responsive isn’t just mobile

106. Menus
Mobile and Desktop Menu Locations

107. $main_menu = array(
'theme_location' => 'desktop_header',
);
$mobile_menu = array(
'theme_location' => 'mobile_header',
);
if ( wp_is_mobile() ) wp_nav_menu( $mobile_menu );
else wp_nav_menu( $main_menu );
Featured Images
Leveraging WordPress

109. Shortcodes
Empowering User Admins to choose when to
show content

110. Shortcodes
Empowering User Admins to choose when to
show content

111. function j2theme_nomobile( $atts, $content="" ) {
global $detect;
if( ! isMobile() )return "{$content}";
}
add_shortcode( 'nomobile', 'j2theme_nomobile' );
Shortcodes
Empowering User Admins to choose when to
show content

112. Shortcodes
Empowering User Admins to choose when to
show content

113. function j2theme_onlymobile( $atts, $content="" ){
global $detect;
if( isMobile() )return "{$content}";
}
add_shortcode( 'onlymobile', 'j2theme_onlymobile' );
Shortcodes
Empowering User Admins to choose when to
show content

114. Shortcodes
Empowering User Admins to choose when to
show content

115. What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

116. Less HTTP requests
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

117. Less HTTP requests
No need for display:none;
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

118. Less HTTP requests
No need for display:none;
Maintain same content for everyone
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

119. Less HTTP requests
No need for display:none;
Maintain same content for everyone
Removal of calls to files you don’t need
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

121. REMEMBER!
It’s about giving control
back to the User Admin

122. HTTP://WORDPRESS.ORG/EXTEND/PLUGINS/WP-MOBILE-DETECT/

123. WP Mobile Detect Plugin
HTTP://WORDPRESS.ORG/EXTEND/PLUGINS/WP-MOBILE-DETECT/

124. ?’s
Jesse Friedman
Author, Professor, Developer - @professor