Post navigation

10 Apps for Web Developers on an iPad

Developing on an iPad can be challenging, but more and more tools are making it possible to do serious work on the device. Here’s a few apps that you might want do check out if you’re a developer.

My in-laws live in Louisiana and we’ve always made at least one annual car trip from Florida. Years ago that meant that I would have to lug around a desktop and a fairly large monitor wedged underneath a car seat so I could tinker around with some projects while on vacation. Thankfully, over the years things have gotten smaller and now a 13″ laptop will do.

Today, I find myself going for different devices for different purposes. I no longer take my laptop to meetings, it’s just easier to take an iPad; When I’m on the go, my trusty iPhone is always with me. Occasionally, I’m tempted to do everything on my iPad. So I’ve been experimenting with the tools available for web development on the iPad and I think there’s some real promising apps.

The one thing an iPad needs for web development is a file system and nothing fits the bill like Dropbox. Most people are familiar with this excellent tool that allows you to sync items between devices, but for development on an iPad it’s essential. On an iPad this IS your file system. Many programs have built in support for this service which allows you to do things like save, export and manage files to your Dropbox. It’s ability to do versioning and even retrieve files I’ve deleted has saved my bacon more than once. DropboxFree

When I’m on the planning stages of any project, I love a good outliner to help me get my thoughts organized. MindNode from Markus Müller has just the right mix of power and ease of use. It’s a good example of how intuitive an iPad program should be. I like the ability to export the mindmaps in different formats including OPML outlines or PNGs. There’s a desktop version (sold separately), plus the app works on an iPhone. Although sync’ing still feels a bit odd between devices, it’s a handy feature. MindNode$5.99

Mockups are a great way to get yourself organized at the beginning of a project, and iMockups does a great job. The app feels really intuitive, which is probably the highest praise for anything on an iPad. I like the two finger scroll and selection and the ability to easily customize the display of any element, plus the rich library of icons and interface elements. You can even bring your own photos from the library. It allows you to export as PNG or Balsamiq’s BMML format, which is crucial, but I would love to be able to export to my Dropbox. There’s some great built in video tutorials and the ability to create different projects with multiple pages. iMockups for iPad$6.99

Because of a lack of a file system on the iPad, it’s impossible for you to download jQuery, install htmlreset or boilerplate directly on the device. A good SSH program will at least allow you to do this on your server through wget to download the files and unzip to decompress. iSSH is jam packed with powerful features like the ability to have multiple connections running simultaneously. I also really liked Prompt from Panic for it’s simplicity, but it seemed to run slow on my device…plus this is one time when some of the additional features of iSSH are important. iSSH$9.99

Every once in a while, you’ll forget something on your base station and you’ll need to get it to your iPad. Perhaps it’s something you meant to copy to your Dropbox so it’d be accessible on your iPad. One of the problems a good VNC program has to solve is mouse support and Desktop connect handles it well. It treats the iPad’s screen as a large trackpad that you can use to move the pointer around. Desktop Connect$14.99

A good FTP program will let you manage your files on your server a little more efficiently than with terminal access. FTP on the go gives top notch File Transfer Protocol tools including the ability to CHMOD, edit and preview files on your server. There’s a built in web browser so you can check out your work without having to switch to Safari. I like the ability to decompress zip and create zip archives. You can easily resize images, crop them or add simple captions from within the app, which is real handy for processing images. Need to post a video? This app will even let you capture photos or videos and upload them to your site from the App. FTPOnTheGo PRO$14.99

There are tons of good drawing apps on the iPad, but most of them are bitmap based tools with limited export and sharing capabilities. iDraw is an excellent vector drawing tool that has some essential features for creating artwork for the web. Excellent Dropbox integration is one of the features that I look for in any app and iDraw doesn’t disappoint. You can import and export to DropBox as well as the usual places. One feature that is often missing in graphics programs, but present here is the ability to export transparent PNGs…iDraw will even let you export SVG files so that your graphics can remain vector elements. The drawing tools feel natural and will be easy to pick up for an experienced Adobe Illustrator user. Group, ungroup, flip, resize, strokes, gradients, arrows, shadows and opacity are all there. iDraw$6.99

A lot of apps will let you add special effects, but for a good photo editor, I need serious image adjustment and file system support. Photogene delivers with localized effects like dodge, burn, blur and grayscale. The iPad’s displays shines to give you a nice place to adjust images, so it’s nice to be able to have histogram, color temperature, sharpening and most of what you need to tweak things. This app also supports large files (5616×4212), has good export support for Dropbox, plus a built-in FTP tool for uploading to your server as well as to Facebook, Flickr, Twitter and Picassa. PhotoGene$2.99

I’m always excited when I see new iPad editors, Koder is the first one that made me believe I could use the iPad as a serious development tool. Right away, I loved the excellent syntax highlighting with support for a wide range of languages (CSS, JavaScript, Ruby, SQL, PHP, Python, etc.). Solid find and replace functionality, plus a built-in web preview that allows you to view the source of any page…not just your projects. The local file access let’s you drop in a file from your desktop computer. It also has a snippet editor for creating shorcuts and, of course, FTP and Dropbox support.Koder$5.99

Why would you possibly need a different web browser than Safari? Browsers use User Agent strings which servers can interpret in order to display a specific experience to different devices. One of the features of alternative browsers is to allow you to spoof a different device…so although it will still behave as a mobile browser, the iPad will identify itself as something else. I was really torn between these two offerings because feature for feature they’re nearly identical. Mercury allows you to take any online image or image from your photo library and save it to your Dropbox. This comes in handy since the usual screenshot (click on the power then pressing ipad button) takes a picture of the whole screen. Atomic Web offers a javascript view source option, tabs, ad block, gestures and more. Atomic Web Browser$.99, Mercury$.99

I’d love to hear about other tools that you find useful as a developer trying to make the iPad part of your toolbox.

Texttastic was my favorite before Koder. I liked Gusto too, but never quite got used to it. I use MySQL for accessing databases, but had some problems tunneling with it, sounds like MySQL Editor Pro might be a good one to try. Prompt for some reason crawls on my iPad. Love some of your other suggestions too.

For those not wanting to use drop box (there are plenty of reasons not to), try out http://www.lushbackup.com with the briefcase option . I use it because it’s a) cheap, b) ace, c) allows lots of things drop box didn’t , including unlimited backup of all my computers, while still providing FTP access to the ‘drop box’/’briefcase’ drive.

And yes, I totally agree, it’s a must for the ipad! Does dropbox allow streaming of music & movies too? lush backup does.

For those not wanting to use drop box (there are plenty of reasons not to), try out http://www.lushbackup.com with the briefcase option . I use it because it’s a) cheap, b) ace, c) allows lots of things drop box didn’t , including unlimited backup of all my computers, while still providing FTP access to the ‘drop box’/’briefcase’ drive.

And yes, I totally agree, it’s a must for the ipad! Does dropbox allow streaming of music & movies too? lush backup does.

I’m pretty fond of TouchTerm for ssh capability – have used it for two years. Edited my web sites with it so many times – as well as connected to my various work boxen. Haven’t tried iSSH, though. Don’t know if I wanna pay for another program.

Fantastic list. I bought an iPad a couple of weeks ago and have been searching for decent coding apps. Will definitely need to give iSSH and Koder a go (although unfortunately they do seem a little expensive).

Question about the Dropbox app – does it automatically download all of your files to the iPad or only the ones you select? My worry was that it would chew up my iPad disk space as soon as I installed it.

Fantastic list. I bought an iPad a couple of weeks ago and have been searching for decent coding apps. Will definitely need to give iSSH and Koder a go (although unfortunately they do seem a little expensive).

Question about the Dropbox app – does it automatically download all of your files to the iPad or only the ones you select? My worry was that it would chew up my iPad disk space as soon as I installed it.

Hello! We're the teachers here at Treehouse. We produce video courses on everything from web design and web development to iOS and business skills. You can browse our full library of content to find the course that's right for you.

In the meantime, explore the free features, tips, tricks and videos here on our blog. Tell us what you think, we'd love to chat: blog@teamtreehouse.com

Stay Updated

Sign up for our newsletter, and we'll send you news and tutorials
on web design, coding, business, and more! You'll also receive these
great gifts:

checkArt and the Web: Line, Shape, and Form - An eBook by Treehouse Teacher Nick Pettit.

checkOn Freelancing - An audiobook about running your own business by Simon Collison.

Swift is a new programming language created by Apple to program iOS apps. If you are new to programming or to Swift then this course is for you. Learn about programming concepts like: variables, types, collections and control structures.

Ruby is a programming language with a focus on simplicity and productivity, and it's used to create some of the biggest websites in the world. Learn how to work with Ruby and write simple Ruby programs in this introductory course.

Interested in creating Android apps? Learn the Java programming language, a tool for Android development called Android Studio, and some very basic concepts of the Android Software Development Kit, or SDK.

Bring your big idea to life! Learn how to start a company on the right foot with an introduction to basic business concepts, including corporate structure, marketing, finance, and accounting. Then you’re ready for more advanced business strategies.