Advertisement
Web Roundups

10 Apps for Developers on a Shoestring

by

There are many many different areas web developers need to cover. First you need to find the perfect text editor, set up a local environment, find a database management tool and then find a great FTP application. And for many of us out there freelancing, we have less of a budget to work with. So here's 10 cheap or free web development tools for Windows and OS X.

Code Editing

TextMate

TextMate is my personal favourite. It is a text editor but has some essential functionality such as line numbers, code highlighting, bundles for completing repetitive tasks and a neat project draw. The project draw deserves a special mention; when you open a folder or create a project in TextMate you get a neat project draw with all the files and folders listed inside. This has to be my favourite feature of TextMate since it is so easy to see all the files in my projects, I never lose anything. At only €48.75 and 15% off if you're a student, it's a tidy sum for a powerful application.

Espresso

Espresso, the new web development tool for OS X is currently in public beta, but is available for pre-order for €59.95. Espresso has a neat sidebar which shows all files and folders clearly with indenting of folders. There is also a sweet integrated preview, which makes it easier to preview sites as you only need to switch inside the application. The best thing about Espresso though is uploading to a site. There are 3 tools, update, merge and mirror. "Update" uploads all the files you have changed locally to the live server; "Merge" merges the files locally and on the server; and "Mirrors" mirrors everything on the server to your local disk and vice versa. This would be the selling point for me, and when Espresso comes out of Beta I may just buy a license.

Notepad++

Notepad++ is a text editor for Windows that comes with code highlighting features and line numbers, much like TextMate. You can open multiple files in one window with tabs, there's a save all function allowing you to save all the open documents in one click. Notepad++ is free and open source, meaning you can dig deep into the files and see what's happening, if you wanted to.

PHP Designer

PHP Designer is a brilliant tool that I could not live without on my Windows machine. It comes complete with code highlighting, line numbers, code exploration, code completion, live error detection, integration with the PHP manual and more. There is a free 21-day trial so you can try it out, and if you find it's the application for you, it's €69 (approx $87) commercially or @39 (approx $49) for personal use.

Local Server Environment

MAMP

If you're developing for the web on a mac, this application is a must. MAMP is a package which installs Apache, PHP and MySQL on your mac; best of all, it doesn't mess with the built in Apache configuration that comes with Leopard. I find this an indispensible application for a few reasons. First, it installs PHPMyAdmin which I love for many reasons; and second, it's quick to install. Just run the installer and you're done, no messing with the terminal like when you install each separately. The best bit? It's free. There is a paid version which gets you virtual hosts, dyndns and more.

Wampserver

Wampserver is just like MAMP in that it is a package by where running just one installer gets you PHP and MySQL and PHPMyAdmin on your system. This windows application is free and it runs great, has a number of configurations available and overall is a sound application to run a local environment.

XAMPP

XAMPP is a Windows, Linux and Mac OS X solution for running a local development environment. Prior to this article I hadn't known this, so it would be ideal for those of you who use more than one operating system on a regular basis. When I had a windows PC I used this and could not fault it at all.

Database Management

Sequel Pro

I have Sequel Pro on installed on my mac. It is a small and easy to use application once you get to grips with it. It has a sleek user interface and its in well with all my other OS X apps. The best part about Sequel Pro is that it's free, you can't complain about something if it's free, right? There is also a donate page which I encourage people to use if they use the app on a regular basis.

FTP

FileZilla

FileZilla is a free cross platform FTP solution. FilaZilla supports FTP, FTPS and SFTP and resume transferring large files bigger than 4 GB. You are able to configure the transfer speeds; and there is also a powerful site manager, especially useful if you have a number of websites with different FTP locations. FilaZilla also has a donate page which you can use if the application makes your life easier.

FireFTP

Ok, so not technically an application, it's what I use on my mac. FireFTP is by far the best FireFox addon I have installed, it gets used nearly every day and it copes well when uploaded a wordpress site. Best of all it's free! It supports SSL,TLS, and SFTP file compression, proxy support and file hashing amongst other things. As with Sequel Pro a donate page exists which I urge you to use if you use this app regularly, it helps the developers and half of the proceeds go to helps orphanages in Sarajevo, Bosnia & Herzegovina and in Vukovar, Croatia.

  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.


Related Posts
  • Code
    WordPress
    An Introduction To Deploying WordPress with MinaImage400
    As a PHP application, WordPress is usually deployed by a very old method: uploading files via FTP. We have some deployment tools, but they often requires some type of Ruby skill. For example, one popular, powerful tool is Capistrano, but it's also very heavy with many Ruby/Rails related features. I also think that it's little bit tricky to install Capistrano for a PHP developer without any Ruby knowledge. So what options do we have as WordPress developers? In this tutorial, I will introduce you Mina: A small, light tool aims to fast deployment and server automation.Read More…
  • Code
    Creative Coding
    Creating a TextMate Bundle to Easily Package Your WordPress ProjectTextmate bundle 400
    If you've developed a WordPress theme or plugin, then you know how fast your codebase can grow in just a short amount of time. You start off with just a few PHP, JavaScript and CSS files. Then you find yourself creating image assets and adding them to your codebase together with their Photoshop file counterparts. After a while you'll be including other third-party PHP libraries as well. Then when you're finally ready to ship your WordPress project, you'll end up having a web of multiple file types like *.php, *.css, *.scss, *.js, *.min.js, *.png and *.psd, maybe you'll have some hidden files like .DS_Store. You would eventually need to clean your codebase up before zipping them all up for your users. Normally, this just means that you duplicate your files, then scan each and every directory deleting all the unwanted files. You'd then archive your project then perhaps use a third party app to remove the hidden files. This article will teach you on how to automate this packaging process by building a TextMate Bundle that would do everything for us with a single shortcut key. [tip]This article teaches about some tips regarding TextMate, an awesome code editor for Macs. You can find more information on TextMate from MacroMate's website[/tip]Read More…
  • Code
    Theme Development
    Creating a WordPress Theme From Static HTML: Uploading Your Theme to WordPressCreating wordpress theme from html 400
    In the first two parts of this series, you learned how to prepare static HTML for WordPress and to split your HTML file into a set of template files. You now have the beginnings of a theme, but unfortunately your files won't work as a theme just yet. For any theme to work, you need to tell WordPress about the theme, and you do this in the stylesheet. In this tutorial, you'll do that. Next, you'll upload your new theme to a WordPress installation and test it. Additionally, you'll create a screenshot of your theme so it's easier to work with in the WordPress admin.Read More…
  • Code
    Hosting
    Modern WordPress Workflow for Professionals: RationaleVagrant logo 400
    Here on Wptuts+ we've covered a number of different workflows that people use when developing for WordPress. WAMP on Windows, MAMP on Mac, or XAMPP for either. Today we're going to explain some of the problems with these methods, and show you a new approach.Read More…
  • Code
    Tools & Tips
    Xdebug - Professional PHP DebuggingXdebug retina preview
    Our Agenda Introduction to the topic. Downloading and installing Xdebug on your local machine (Mac OS X 10.6.6+, MAMP 2.1.1). Integrating with PhpStorm. Practice debugging. Read More…
  • Code
    WP101 Training
    Beginning With WordPress: Preparing to Customise Your Theme Using a Child ThemeBeginning with wordpress
    Ok, so your site is up and running and you're probably starting to get itchy to make some changes, and not just changes to the content, right? You may well be wanting to change some elements of what your theme actually looks like, and maybe even change how it behaves. So, as we keep moving through these tutorials we're heading towards being able to better customise your theme and we'll actually be getting more into what goes into theme tweaking and development. However, before we go there we've a couple of last things to do to finish off the site set up then we'll set up so you can begin to make some code changes.Read More…