Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WordPress is Mobile
WordPress is Mobile
You are Mobile
WordPress is MobileIsaac Keyet - WordCamp Netherlands 2012
It’s not a Thing(Seriously. Stop talking about it.)
The One Web To Rule     Them All
Talk passionately about whatever comesto mind for an extended amount of timeand compliment Remkus on his newhaircutRespons...
Talk passionately about whatever comesto mind for an extended amount of timeand compliment Remkus on his newhaircutRespons...
Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress ...
Responsive content   approaches
Smashing Magazine
More examples of   Responsive Web        Design     AWWARDS.com: http://goo.gl/FLV4O       WPMU.org: http://goo.gl/n4ZV1Re...
Making a WordPresstheme mobile ready
Meta TagsA List Apart: http://goo.gl/g8tyuQuirksmode: http://goo.gl/2WzlB
<meta name="viewport"content="width=device-width,     initial-scale=1.0">
@media screen and(max-width: 320px) {*rules here*}
http://wordcamp.tv Search for “mobile” or “responsive”
Designing for Touch
Size++
FormsSmashing Magazine: http://goo.gl/6SvAS
EnhanceCSS-tricks: http://goo.gl/VFyhW
High density screens
@media only screen and(-webkit-min-device-pixel-ratio: 2)
@media only screen and(-webkit-min-device-pixel-ratio: 1.5)
Furtherenhancements
OnSwipehttp://www.onswipe.com/
WPTouchhttp://www.bravenewcode.com/
Mobifyhttp://www.mobify.com/
Manage WordPress    on the go
iOS   Android  BlackBerryWindowsPhone
Other appsBlogpress, Blogsy, and more
Responsive wp-    admin
Recap
Responsive content approaches
Responsive content approachesMaking a WordPress theme mobile ready
Responsive content approachesMaking a WordPress theme mobile readyDesigning for Touch
Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancements
Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress ...
Dank u wel.   wordpress.org  automattic.com    @isaackeyet  isaackeyet.com
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
WordPress is Mobile - Netherlands 2012
Upcoming SlideShare
Loading in …5
×

WordPress is Mobile - Netherlands 2012

8,244 views

Published on

Things to think about when preparing your WordPress install for the mobile space-age. Learn how you can manage your WordPress install on the go, and how to make it ready for your mobile visitors, too. Good responsive themes, and a thought-through mobile experience is becoming ever more important by the day.

Published in: Technology, Business
  • Be the first to comment

WordPress is Mobile - Netherlands 2012

  1. 1. WordPress is Mobile
  2. 2. WordPress is Mobile
  3. 3. You are Mobile
  4. 4. WordPress is MobileIsaac Keyet - WordCamp Netherlands 2012
  5. 5. It’s not a Thing(Seriously. Stop talking about it.)
  6. 6. The One Web To Rule Them All
  7. 7. Talk passionately about whatever comesto mind for an extended amount of timeand compliment Remkus on his newhaircutResponsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the goRecap
  8. 8. Talk passionately about whatever comesto mind for an extended amount of timeand compliment Remkus on his newhaircutResponsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the goRecap
  9. 9. Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the goRecap
  10. 10. Responsive content approaches
  11. 11. Smashing Magazine
  12. 12. More examples of Responsive Web Design AWWARDS.com: http://goo.gl/FLV4O WPMU.org: http://goo.gl/n4ZV1Responsive themes: http://wordpress.org/extend/ themes/tags/flexible-width
  13. 13. Making a WordPresstheme mobile ready
  14. 14. Meta TagsA List Apart: http://goo.gl/g8tyuQuirksmode: http://goo.gl/2WzlB
  15. 15. <meta name="viewport"content="width=device-width, initial-scale=1.0">
  16. 16. @media screen and(max-width: 320px) {*rules here*}
  17. 17. http://wordcamp.tv Search for “mobile” or “responsive”
  18. 18. Designing for Touch
  19. 19. Size++
  20. 20. FormsSmashing Magazine: http://goo.gl/6SvAS
  21. 21. EnhanceCSS-tricks: http://goo.gl/VFyhW
  22. 22. High density screens
  23. 23. @media only screen and(-webkit-min-device-pixel-ratio: 2)
  24. 24. @media only screen and(-webkit-min-device-pixel-ratio: 1.5)
  25. 25. Furtherenhancements
  26. 26. OnSwipehttp://www.onswipe.com/
  27. 27. WPTouchhttp://www.bravenewcode.com/
  28. 28. Mobifyhttp://www.mobify.com/
  29. 29. Manage WordPress on the go
  30. 30. iOS Android BlackBerryWindowsPhone
  31. 31. Other appsBlogpress, Blogsy, and more
  32. 32. Responsive wp- admin
  33. 33. Recap
  34. 34. Responsive content approaches
  35. 35. Responsive content approachesMaking a WordPress theme mobile ready
  36. 36. Responsive content approachesMaking a WordPress theme mobile readyDesigning for Touch
  37. 37. Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancements
  38. 38. Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the go
  39. 39. Dank u wel. wordpress.org automattic.com @isaackeyet isaackeyet.com

×