WordPress is Mobile - Netherlands 2012
Upcoming SlideShare
Loading in...5
×
 

WordPress is Mobile - Netherlands 2012

on

  • 7,533 views

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.

Statistics

Views

Total Views
7,533
Views on SlideShare
4,021
Embed Views
3,512

Actions

Likes
0
Downloads
7
Comments
0

7 Embeds 3,512

http://wp.smashingmagazine.com 3165
http://2012.netherlands.wordcamp.org 180
http://www.smashingmagazine.com 120
http://mwp.smashingmagazine.com 29
http://thewebdesign.collected.info 13
http://bot.kz 3
http://translate.googleusercontent.com 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

WordPress is Mobile - Netherlands 2012 WordPress is Mobile - Netherlands 2012 Presentation Transcript

  • 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 newhaircutResponsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the goRecap
  • 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
  • Responsive content approachesMaking a WordPress theme mobile readyDesigning for TouchFurther enhancementsManage WordPress on the goRecap
  • Responsive content approaches
  • Smashing Magazine
  • 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
  • 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 on the go
  • Dank u wel. wordpress.org automattic.com @isaackeyet isaackeyet.com