2GB OCZ Rally 2Are you obsessed with web development? Want to work on your website from anywhere? Too cheap to buy a laptop to do so? Then this guide is for you!

All you need is a USB drive (the faster the better). It doesn’t have to be huge, even a 256mb drive is enough depending on what you decide to put on it. All of the applications in the list below are free/opensource and do not require any installation. They should work on any Windows computer.

A lot of the following apps are made possible by John T. Haller from PortableApps.com. He takes existing software and optimizes it for USB use by removing local file dependency, registry writes and prolongs drive life by reducing the number of reads/writes. Application names without “Portable” may write to registry or store temporary files locally though it will still run from the USB drive without installation.

HTML Editor
Aptana Logo This is the bread and butter of your portable web development drive. As a coder, my first choice is Aptana hands down. Integrated FTP, color coding, tabbed editing – it is basically Dreamweaver without the WYSIWYG interface. Aptana offers a no-installation zip download which is what you’d want. Other candidates for coders include Notepad++ and gVim Portable. For the WYSIWYG web designers out there, there is Nvu Portable, the portable version of the popular Nvu (unfortunately it does not support PHP).

Graphics/Image Editing
GIMP Logo If you’re designing a site, you’ll most likely need an image editor. The best choice here is GIMP Portable. GIMP can do most of what Photoshop can do, although the user interface takes some getting used to.

Browser
This one is a no-brainer. Firefox Portable (with appropriate add-ons for web development) takes care of all your browser needs. You can copy over your existing Firefox settings (including addons, bookmarks etc.) to the portable installation by simply copying your profile folder.

Webserver
XAMPP Logo XAMPP is an Apache/MySQL/PHP web server that doesn’t require installation and can run from anywhere. Now you don’t even need an Internet connection to test your latest MySQL/PHP web 2.0 startup! Personally, I prefer XAMPP Lite as it takes up less space yet still contains everything I need. Note: If you don’t install this to the root of your USB drive, you will need to run setup_xampp.bat before first use.

FTP Program
After you’ve made your site, you’ll need to upload your files via FTP. If FireFTP for Firefox doesn’t do it for you, you can try Filezilla Portable. By the way, did I mention XAMPP Lite comes with an FTP server?

Miscellaneous
PuTTY is a must have for any serious web development. You can use it to SSH into your web server to make quick changes or you can even use it to encrypt all your web traffic. The original stand alone version works, but PuTTY Portable is tweaked for USB drive usage!

What my 1GB Kingmax Super Stick has in the PortableApps directory:

  • Aptana (78 mb)
  • Firefox Portable with extensions (25 mb)
  • XAMPP Lite (113 mb)
  • GIMP Portable (24 mb)
  • PuTTY Portable (1 mb)
  • gVim Portable (17 mb)

Total: 258 megs -leaving plenty of room for web files and other apps.

Now you can be web developing wherever you go!

Popularity: 9% [?]

25 Responses to “How-to: Free Portable Web Development on a USB Drive”
  1. shokthx says:

    I just found the portable apps a few weeks ago.
    This is the first version of Gimp to run on my computer.
    Great post!

  2. Gary Lee says:

    Great Post . . now i know what to do with my 4GB Thumb Drive!

  3. Paul says:

    I have been using Aptana since you mentioned it in a Vista post and I absolutely love it. I have always been a fan of Eclipse for Java dev but with Aptana I can develop JavaScript, PHP, CSS, and HTML as easily as I can code Java.

  4. Tony says:

    XAMPP is already cross-platform, but most other listed apps have variations for different systems as well. At a sacrifice of some more space, the suite could be put together to work with any system you find yourself at ;)

  5. Jez says:

    This is a really cool post Jon, one of your best IMO, puts mine to shame :oops:

  6. Scot Smith says:

    Unfortunately I have to use Photoshop/Illustrator which can’t be installed on a thumb drive. This is a good idea though.

    – Scot

  7. [...] τελευταίο καιÏ?ÏŒ, το μάτι μου έπεσε επάνω στον τίτλο “How-to: Free Portable Web Development on a USB Drive”. Έχοντας σαν βασικό HTML Editor το Visual Web Developer Express Edition στον [...]

  8. pnsewvjntf says:

    Hello! Good Site! Thanks you! axtmfjctwplxa

  9. [...] mentioned Aptana before as a very nice (free) alternative to Dreamweaver if you are primarily a coder like myself. I have [...]

  10. [...] all my primary Web Development tools to USB Following my own instructions for a portable web development USB drive and portable Eclipse installation, I created the drive with all the documents and tools I need for [...]

  11. [...] a follow up to a previous article about Portable Web Development on a USB Drive, here are a couple programs you can include to make it Ruby on Rails [...]

  12. Carl Mercier says:

    Locomotive for Mac OS X (http://locomotive.raaum.org/) is probably a great addition, too!

    I think the Windows equivalent is InstantRails (http://instantrails.rubyforge.org/)

  13. [...] a full take-anywhere web development suite in your pocket! A more versatile but more expensive than free web development on a USB drive. Right now, the n800 is a great bargain. With the recent release of the n810 (which has a couple [...]

  14. ElectriX says:

    Yes, I agree with most of the soft posted here. But there is one editor, that can beat every of these. It’s name is PSPad (www.pspad.com) and it has everything you need while supporting more than 20 programming languages. Try it!

  15. suicidalsam says:

    This is very useful stufffs you posted. have you heard of the portable OS. this might also come in handy. slax

  16. [...] How-to: Free Portable Web Development on a USB Drive [...]

  17. Seb says:

    Excellent. Thank you for introducing me into the wonderful world of portable applications!

  18. [...] more than it was designed to do. Finally, the third part focuses on how the device functions as a portable web development [...]

  19. JUPA Man says:

    Thanks for another fantastic post….
    Will this work with an Ipod used as a hardrive as well? I’ll be going back and forth between a PC and a mac, so this will help me tremendously.

    Thanks,

    Damian AKA The JUPA Man

  20. Jon Lee says:

    This should work with an iPod hard drive as well. Only thing is you’ll need to carry your USB connector around.

  21. I’ve just into the whole web devleopment thing and thw whole carry a protable office with me – but now a portable office/development station.

    PC store here I come I need a new flash drive.

  22. Frank says:

    With the recent drops in price, I now have a 4 GB drive with a full knoppix install and all the tools I need to develop on the go! Good post!

  23. flowers says:

    Didn’t know about putty portable – thanks!

  24. This is awesome. I have my laptop set up with WAMP server, but to be able to put it on a USB is great. You can buy 2GB USB for like $8 even and plug it in whenever you need a web server… nice :)

  25.  
Leave a Reply