WordPress Coding on Your iPad

WordPress Coding on Your iPad

With the imminent announcement of the iPad 3, there’s little doubt that we’ve entered the Post-PC age. These devices are often touted as being more about the consumption of media than its creation, but as they become more and more powerful, even this line is becoming blurred. Let’s review the viability of coding for WordPress on an iPad.

Note: I’m using an iPad and iOS apps for this example, but of course, these principles apply to Android and other tablets too. I’m just writing from my own experience and regarding the apps I’ve used.


Some Backstory

Since purchasing my iPad, one of the things I’ve enjoyed has been that I couldn’t really use it for work. It was a kind of enforced relaxation, but while still feeling connected. As time has gone on though, I’ve begun to use it more and more for work, and recently decided to try and develop a WordPress plugin using only my iPad. I’m still developing the plugin, but here’s what I’ve found so far.


Is the Hardware Ready?

The iPad is plenty powerful enough for running development apps. Development apps are generally not especially demanding on a machine’s hardware, and let’s face it, the iPad is more powerful than computers we might have used for development 10 years ago anyway.

One thing I have found is that for development, or even just article writing, the iPad’s on-screen keyboard is really not adequate for regular long-term usage. I’ve bought a wireless keyboard and stand to use (specifically, a ZaggFolio if you’re interested), and this has really changed things. Now, writing articles and code on my iPad is very doable.


Is the Operating System Ready?

Generally speaking, as long as you have the software you need, operating systems really don’t get in the way of development. So whether you’re using iOS, or Android, or anything else, it’s more about the apps. One thing I have found about iOS that could use some improvement when it comes to development though, is app-switching. Why?

  1. App-switching is a little clunky and more time-consuming than Alt+Tab on your desktop or laptop
  2. Some apps don’t support app-switching very well, and lose their state when they are not the app in focus
  3. Lack of a shared file-system can sometimes be frustrating, though hasn’t been a major blocker for my particular experiment so far

Are the Apps Ready?

This is really the most important consideration. If the apps aren’t ready, then it will be impossible to develop on the iPad. So what apps do we actually need when it comes to developing themes or plugins for WordPress?

Apps for Planning Your Project

This is one particular area that’s gotten a lot of attention from app developers, and it shows. There is an extensive collection of apps available for planning and managing your projects. From expanding on the kernel of an idea, to interacting with version control systems, to collaborating on wireframes. Here are some examples of apps I’ve decided on for these parts of my project:

  • SimpleMind+ is an app I’ve found extremely useful for mapping out the flow of a plugin and getting it straight in my head before I start.

  • iMockup is an app for wireframing your project and designing the interface before you get underway with development.

  • iHub lets you manage and keep up with activity on your GitHub account and repositories from your iPad, including issue management.

Apps for Developing Your Project

More and more code editors are becoming available, and while they vary in their exact approach, they all have the basic functionality you need to get going. There are also apps for interacting with your web server and file systems.

  • Dropbox could be one of my favourite apps ever. I barely pay any attention to it on my laptop, but it faithfully stores all my files away so when I need them on my iPad, there they are!

  • Prompt, by Panic! who also make Coda, is my app of choice for connecting via SSH to my web server and making any command-line file system changes I might need to make during development.

  • Gusto is the app I’m currently using as my code editor. It also includes the ability to (S)FTP files from my project to my web server, which is extremely useful. Some other code editors I’ve tried either lacked the simple functionality Gusto has, or were too unintuitive to use.

More Apps for Your Project

So you’ve been able to plan your project, and develop it, here are some apps to use once your project is up and running:

  • WordPress for iOS, obviously! It’s also important to note that this app is really for managing the content of your site, you’ll need to use Mobile Safari and wp-admin for managing settings, plugins, themes, etc.

  • PSExpress will allow you to tweak your photos and images before uploading them to your website.

  • Phraseology makes typing up articles really nice and easy. It’s very minimalist, but not so minimalist that it doesn’t have the tools you need. It also supports markdown.


Usage in Practice

Ok, so I augmented my iPad for coding with a bluetooth keyboard, and I got all the apps I needed for planning, developing, and managing the project. Now how did they actually work together? Here’s what I’ve done so far:

  1. Configured the domain and web server on my hosting provider through Mobile Safari
  2. Connected to my web server over SSH with Prompt and installed WordPress
  3. Configured Gusto for SFTP access to the WordPress install on my web server
  4. Planned out the flow for my plugin in SimpleMind+
  5. Created a number of wireframes in iMockup
  6. Started coding the plugin in Gusto
  7. Testing the plugin so far through Mobile Safari
  8. Wrote my readme.txt in Phraseology
  9. Wrote the article you’re reading now in Phraseology!

Conclusion

While I’m still fairly close to the beginning of my plugin development project, I think things are looking extremely promising for development on the iPad. I haven’t been forced to abandon the iPad yet and continue developing on my main development machine, and other than app-switching, it’s actually been quite a fun experience.

What do you think about the potential for developing your WordPress themes and plugins while on the go with your Post-PC device?

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.imblog.info Muhammad Adnan

    hey, nice article. will this work for iPhone too ?

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey Muhammad, it probably would… but I imagine screen size would make it too difficult ;)

  • http://www.rgstuff.ro Vladi

    Coding on a small screen has been a real issue for me… what does it feel like on the iPad? any problems? I guess you could always hook it to a computer monitor…

    • http://wp.envato.com/ Japh Thomson
      Author

      Hi Vladi, it is a small screen of course, but I’ve coded on an Eee PC with a smaller screen before too. It’s not too bad. You’re not as productive as on your primary screen, but it can be convenient.

  • AitThemes

    App switching is the biggest issue. Even though you use an external keyborad you cannot quickly switch between apps. Until this is fixed there is no way you can use iPad for any proper web development…

    • Juuso

      Double tapping home button makes it enough easy.

  • http://www.feed2need.com Abdelhadi Touil

    Thanks Muhammad for this helpful and useful tools collection.
    Good luck!

    • http://wp.envato.com/ Japh Thomson
      Author

      Hi Abdelhadi, I assume that comment was meant for me? ;) No problem!

  • Pingback: WordPress Coding on Your iPad | Shadowtek | Hosting and Design Solutions

  • Ian C.

    Do you use the multi touch gestures for app switching? Wiping four finger left/right seems to be better than the double click home and then select app method.

    • http://wp.envato.com/ Japh Thomson
      Author

      Hi Ian, I do when I remember ;) You’re right though, that does work faster than the double-click home method. Although still, some apps don’t handle it as well as others.

    • http://www.svengiesen.de Sven
      • http://wp.envato.com/ Japh Thomson
        Author

        Thanks, Sven, I’ll check it out :)

  • Adam S

    Hi Japh, you should chech out Koder for your code editing needs. I really think you’ll find it’s a cut above anything else available on the iPad.

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey Adam, I do have Koder installed (you might be able to see it in one of the screenshots above). Can’t remember why I’ve preferred Gusto so far… will try it out again :)

  • http://www.yourshowman.com Lucky

    Superb!! Thanks for Sharing Japh.

  • Xander

    I have tried creating websites on the ipad, but it didn’t work quite well. I still miss the advantage of a computermouse.Therefore you should get an Android tablet, like the Asus TF101, because it has some cool stuff, like a dock for USB devices, like a mouse.

    Also, the WordPress app does not work when working with custom post types.

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey Xander, yes it’s true the WordPress app isn’t able to take advantage of custom post types as yet. Though I’m sure that could change eventually :)

      I may have to invest in an Android tablet so I can give a proper comparison!

  • http://wordimpressed.com Devin Walker

    I’ve seen a few other code IDEs for the iPad. Koder seems to be the most popular. Has anyone tried this one?

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey Devin, So far I’ve tried Gusto, Koder, and Textastic. Gusto has been my preferred editor, but I might go back and try Koder after seeing a few recommendations in these comments. There was a reason I didn’t like it as much, I think possibly I found the interface a little unintuitive for managing the project and also for syncing/uploading to a web server. Gusto has a nice simple interface for these things and “just works”.

  • Muneeb

    I just sold my iPad I should have wait for 2 days I never knew iPad has such great development applications. I’m moving from Window to Mac what must have applications will you recommend for WP development.

    • http://razerdesign.com Kevin

      Things to get on a mac for wordpress development:
      Sublime Text 2 – Download package manager and wordpress package to add wordpress support
      Transmit – FTP / (S)FTP etc.
      Firefox, Chrome, Safari, Opera
      Tower – Git Project Manager with GUI
      Mamp – Creates working PHP local environment (Similar to Xamp)

      Other than that it’s all preference. Some possible alternative apps though include:
      Coda, Espresso, CSSEdit, Dreamweaver, CyberDuck, XCode, Komodo, Codelight, SimpleCSS, LittleIpsum, etc.

  • bobby_joe

    Never knew this was the post PC time. Better put the Mac up for sale and get on the iPad wagon.

    • http://wp.envato.com/ Japh Thomson
      Author

      Haha! It’s definitely post-PC time, Bobby! But I wouldn’t throw away your Mac just yet. While it’s possible to develop on an iPad now (in certain circumstances), it’s still more efficient to use your Mac ;)

  • Pingback: 2 WordPress Plugins Your Blog Suffers Without | Open Knowledge

  • Mark

    “Dude, it’s a laptop you want, not an iPad”
    http://andrewoneverything.com/dude-its-a-laptop-you-want-not-an-ipad

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey Mark, I see his point, and I agree with this:

      “Ideally, what I would like (and I think most people would like) is something of the form factor of a MacBook Air (thin and light), that has a detachable touch-screen that can run apps written for iOS or Android, and when the screen is connected to the main body, acts like a fully-functioning laptop.” (Same article)

      Effectively, my case helps bring my iPad closer to something like that device. Carrying my 15″ MacBook Pro everywhere with me and into meetings, etc. isn’t always convenient. Having a nice little touch screen that I can also crack out for a quick coding session if I need to is much easier!

  • http://www.iamabdus.com/ WordPress Developer

    I use Textastic and Koder Code Editor. Both are awesome but still lack of code hinting.

  • http://maxim650.com TJ List

    Great writeup.

    I don’t own an iPad. A friend uses hers exclusively to publish several WP blogs. She ran into trouble when she tried uploading images from it. Do you have any suggestions for appsthat allow that?

    (I did manage to configure the Postie plugin so she could email pictures to the site. Not ideal, but it worked.)

    • http://wp.envato.com/ Japh Thomson
      Author

      Hey TJ I believe Blogsy is the app she’s looking for. I haven’t really used this app extensively myself, but I have it and it looks really good, and certainly allows image uploading etc.

      We actually have a review on this app over at iPad.AppStorm : http://ipad.appstorm.net/reviews/productivity/blogsy-stylish-social-blogging/

      Bare in mind that the review is from May last year, and Blogsy have implemented a number of new features and improvements since then.

  • Pingback: Coding on iPad | Just An Ordinary Blog

  • http://www.squareonemd.co.uk Elliott from the design company

    Looks like I need to get a wireless keyboard, then I might actually use my iPad for production.

  • Pingback: WordPress Coding on Your iPad | Wptuts+ | lastsocialmedianews

  • http://woowebdesign.com Aron

    Well you can now replace the Photoshop express app with the photoshop touch app http://itunes.apple.com/us/app/adobe-photoshop-touch/id495716481?mt=8 came out recently and is pretty nice for $10 bucks

  • Pingback: WordPress Community Roundup for the Week Ending March 10 - Charleston WordPress User Group

  • Pingback: WordPress разработка на iPad | Wordpresso

  • http://scottkclark.com/ Scott Kingsley Clark

    How are you handling your commits to GitHub and/or SVN (for WP.org repo) on your plugin?

    • http://wp.envato.com/ Japh Thomson
      Author

      Currently I’m using a cowboy development process on the iPad ;)

      I’m hoping one of the iPad IDEs will implement Git support. But until then, I’ve been considering an upload, commit and push in a dev install on the server, and then pull into live. Or something like that anyway.

      I’m still fine-tuning using the iPad as a dev tool :)

      • http://scottkclark.com/ Scott Kingsley Clark

        Seems like there’s gotta be something out there, I’ll keep looking and thanks for your post, my goal is to dev more with my new iPad and it’s good to see it’s possible!

      • http://scottkclark.com/ Scott Kingsley Clark

        Looks like my wish is coming true, I’ve switched from Koder to the Textastic app, it’s got some better features and the developer is actively working on trying to get Git support added. I’d think SVN may be right after that feature,.. but we’ll see! Git is enough for me, most of my dev recently has been via GitHub.

        • http://wp.envato.com/ Japh Thomson
          Author

          That sounds great! I’d love to see good Git support, that would really be an amazing feature for my workflow.

  • Pingback: WordPress Coding on Your iPad | Wptuts+ « Catherine Hicks Creative

  • http://omtamil.com OmTamil

    Great to know WP development could be done with iPad. Hoping to have the same PC style experience! Will give it a try! Thanks for the intro.

  • http://sdbwebsolutions.com/ Serg

    Hi,
    I find the article very useful for all WP coders. I wonder what iPad version you’re working with. I have the iPad 1 and it works ok with several apps, the issue shows up with Safari & Twitter app. When trying to upload a new page or open a new twitter stream, sometimes drops down the app. It happens I could say 50-60% of the time.
    Dod you experienced the same issues?
    I have updated my iPad to the last version. Probably looking forward to buy an iPad3 in few months.
    Thanks for sharing:)

  • Doug

    You might want to add Diet Coda that came out after this post to your coding apps. I think it includes Prompt which you made mention of. Good list.

    • http://wp.envato.com/ Japh Thomson
      Author

      Hi Doug, yes I bought Diet Coda on launch day and have been having a play around with it. I’m hoping to post my thoughts soon :)