Your SlideShare is downloading. ×
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
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
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
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
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
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
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
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WordPress is Mobile - Netherlands 2012

7,258

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. …

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,258
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • I’m here to tell you something you already know - WP is mobile. and the web is.\n
  • I’m here to tell you something you already know - WP is mobile. and the web is.\n
  • I’m here to tell you something you already know - WP is mobile. and the web is.\n
  • Detail about us already being mobile\n
  • I’m Isaac, I’m with the mobile team at Automattic\nopen source WP projects, mainly the apps\nmobile solutions for WordPress.com\n3rd time going to WCNL - most frequent WC. compliment Remkus on his “new” haircut\n
  • So, let’s talk about small-screen devices\n
  • Mobile is not a thing. It’s a necessary step forward\nshouldn’t be an extra in any dev work, for most projects it’s a fundamental part\nat the very minimum you need to have a plan. not doing anything is not acceptable anymore.\n
  • Think about it for a second. It’s not called “Desktop Web Designer”. There is only one web, just different devices connecting to it. And it’s always been like this.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • so when you’ve decided which route you want to take with your content distribution, it’s time to get your hands dirty\n
  • \n
  • this is what a basic viewport meta tag looks like\nother parameters like allowing zoom (generally not a good idea unless you’re creating a web app)\n
  • if the viewport is 320px or less (iPhone portrait)\nmin-width, max width, targeting only landscape or portrait orientation\n
  • \n
  • \n
  • \n
  • Set the input type for form elements\n
  • Number of ways to enhance and simplify the interaction on a touch device, like enabling the callto: for phone numbers\nset webkit tap highlight color (or disable)\n
  • \n
  • Target high-dpi devices, mainly iPhone retina\n
  • More compatible - works with most high-dpi Android devices as well\n
  • Take the small-screen experience even further\n
  • Transforms your WP install to a gesture friendly tablet experience\nused on wpcom\nbest for magazine-type websites and portals\n
  • Creates an app-like experience for small screen devices (primarily iOS)\nthere are a lot of these out there\n
  • Allows more control, better for large websites\n
  • \n
  • ...and Nokia and webOS.\nTablet versions, including iPad, Android tablets, BlackBerry Playbook\n
  • Blogpress\nBlogsy\n
  • Remember, the WP dashboard is already semi-responsive\nin the future, WP apps may simply be wrappers around the dashboard\n\n
  • \n
  • Tom Hermans 14:15 tomorrow\n
  • Tom Hermans 14:15 tomorrow\n
  • Tom Hermans 14:15 tomorrow\n
  • Tom Hermans 14:15 tomorrow\n
  • Tom Hermans 14:15 tomorrow\n
  • \n
  • Transcript

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

    ×