Great Free Software for Web Designers | Boagworld - Web & Digital Advice

Web & Digital Advice

Digital and web advice from Headscape and the addled brain of Paul Boag... tell me more

Andy Wickes Posted by: Andy Wickes On Monday, 18th January, 2010

Great Free Software for Web Designers

Ask anyone who has just upgraded the software on their Mac to the latest version, or even splashed out on the latest Creative Suite and they will say the same thing: Software is EXPENSIVE.

Reviews:
The estimated time to read this article is 11 minutes

Now imagine you are an agency with 12 designers who all need (want!) to move to the latest version of Creative Suite. Even more expense.

Now imagine you are a looking to learn web design and don’t have pots of cash to spend on the industry standard software. How can you get your hands on a suite of software tools that will help you plan, design, build, debug and deliver a website without spending a penny?

Here’s how.

We’ve compiled a list of free software, mostly for the Mac, but with a few exceptions where absolutely necessary! We’ll take you through the process of planning, completing and delivering a project, and what free software is available to you at those stages.

Be sure to add your comments below and let us know of anything we have missed.

Messaging & Communication

For email on a Mac, Apple’s Mail application is pretty faultless. Good alternatives are out there for free such as Thunderbird from Mozilla, but the trainable Junk Mail filter in Mail and recent improvements in handling multiple accounts keep it head and shoulders above any competition here. Integration with iCal and Apple’s Contacts application add up a pretty solid messaging suite.

Apple’s Mail is also great at handling RSS feeds, but if you prefer a separate RSS reader then try NewsFire RSS. Designed squarely with the Mac in mind it allows you to organise multiple feeds into neat, manageable views and label your feeds according to pre-determined criteria.

If you need an instant messaging client then look no further than Adium. With support for a wide choice of account types, regular nightly builds and the latest release being optimised for Snow Leopard, this really is the best IM for the Mac. Don’t forget that Skype still offers a free service and so cost need not be a worry when keeping in touch with clients.

Lastly I’m going to mention DropBox. Not that it needs further plugging, but it is still a fabulous free service that simplifies not only file synchronisation across multiple computers but file delivery as a whole. 2 GB of free cloud storage gets you up and running and the ‘Public’ folder system allows you to provide large files for clients to download, rather than clogging up email with large attachments.

Project Planning & GTD (Getting Things Done)

If your clients are working on PC’s then the chances are you will be receiving emails with Microsoft Office attachments. Fine if you run iLife, but if you don’t you will need NeoOffice. Much like Microsoft Office, this equips you with applications for Word Processing, Spreadsheets and Presentations, but vitally the ability to open, edit and save back to the common .doc, .xls and .ppt format. The latest build even supports the .docx, .xlsx and .pptx formats.

Wireframing page layouts and even the creation of site maps can be handled in the brilliant Go Mockingbird. This online app allows for site mockups to be created with page hierarchies that link to each other, and for completed projects to be shared online. My advice is to secure an account for this app while it is still free.

Mockingbird

To keep you focused on tasks and deadlines we’d recommend a look at TaskMate. It is refreshingly simple to use and its devotees (of which there are many) tend to stick with it despite the increased uptake of more feature-rich, paid-for applications such as Omnifocus.

Another name that keeps cropping up is Xpad. This hugely popular app allows you to create ‘drawers’ for each new project, into which you drag and drop files of any type to keep them organised against pre- defined categories.

If you are on the move and have an iPhone then free apps such as Evernote and Remember the Milk allow for note-taking, as well as images and audio files (in the case of Evernote) to be stored in the cloud for reference later on.

Keeping track of time while you work is made easier with Lumina (recently renamed from iClockr) So simple it barely warrants explanation, but essential if you are to keep track of resource on each project and bill for time accurately and efficiently.

Image Editing & Design

This was probably the trickiest area historically to source really good software for nothing. Not least due to licensing issues surrounding some of the proprietary file formats within design. That said there are still some great products out there if you know where to look.

First off, a free equivalent to Photoshop.

Due to its support online, large community of developers producing regular nightly builds, and not forgetting its feature rich tool set, GIMP (the GNU Image Manipulation Project) is head and shoulders above the rest for image manipulation. Running on the X11 windowing system (be sure to install this first) GIMP offers layers, colour correction, filters and support for a wide array of file formats. Cinepaint, Chocoflop and Paint.NET (Windows) are all also popular options, some perhaps with a more satisfactory GUI, but they all fall short of GIMP’s impressive feature list.

Paint .NET

For vector graphics we’d recommend a look at Inkscape. Inkscape is an open source project that supports the W3C standard SVG (scalable vector graphic) file format. Thanks to the dedication of its community its latest release already supports Snow Leopard happily.

Two other useful additions to your arsenal would also be Smush IT and Sprite Me. Smush IT from Yahoo is a lossless online image optimiser which is fast gaining popularity. Image optimisation is an art form few wish to master, and with Smush IT at hand there is no need. It analyses images and uses the most appropriate algorithm based on the pixel data, outputting very small file sizes without loss of quality. Bundled with YSlow, a plug-in that analyses the speed a page loads, its one to watch. Sprite Me is a bookmarklet that aims to reduce http requests to your server for images, by suggesting where multiple images may be combined into sprites.

ySlow

Coding & CSS

Interestingly enough, two of the most popular coding suites (Coda and Espresso) are very cheap to purchase, compared with the industry ‘standard’ Dreamwea

ver for example. Coda weighs in at around £60.00 and Espresso £50.00, compared with Dreamweaver at around £420.00 for a full version. Good free options are around though, and Text Wrangler is up there as our key recommend. From the people who brought you BBEdit, Text Wrangler features syntax coloring for most popular programming languages, integrates with Python, Perl and even Xcode. You can compare two files and integrate changes, and even FTP to remote hosts. Not at all bad, and with the reputation of Bare Bones software behind them, you can be sure this is a robust and user friendly programme.

You might also consider Smultron as a solution. Though no longer developed, this app has a beautifully simple interface which has the benefit of both a low barrier to entry for newcomers, as well as not being off-putting to veteran programmers.

If you prefer a separate environment for producing CSS then Simple CSS might be for you. Currently only supporting CSS2, Simple CSS provides either a guided interface for CSS creation, or if you prefer you can code by hand with colored syntax to highlight mistakes or invalid declarations.
Coding in the cloud has been much in the news recently due in no small part to the advent of HTML5 and AJAX. Web applications are now able to behave more like their desktop counterparts, and this in part explains the recent release of a number of exciting solutions to coding in the cloud. The collaborative nature of working this way is also appealing as the development community pool their knowledge on projects.

The two front runners seem to be Mozilla’s Bespin project and CodeRun. Both look very promising solutions indeed with the ability to create multiple projects, to preview, compile, debug and deploy projects all from within your browser.

CodeRun

Database developers should definitely give Sequel Pro a look as this app makes MySQL administration simple and quick. Aimed as a straight replacement to tools such as PHPMyAdmin, Sequel Pro supports
MySQL 5 and is fully customisable to suit your needs, from those favouring a simple interface, to more advanced users who wish to hand code SQL queries. An incredible product when you consider it is free.

FTP

Long the preserve of free software, with paid for apps being a relatively new occurrence. FTP applications, like the protocols which they serve have come on a pace in recent years. One of our favourites is Fire FTP, a free plug-in to Firefox which loads a neat little ftp client into a new tab in your browser. Supporting networked shares on your local machine, permissions changes, passive mode and SFTP, Fire FTP is a fantastic plug-in.

fire ftp

Another excellent candidate worth your attention is Filezilla. Built originally for Windows, this might not have the feel of a Mac app, but it has been cross platform for a number of years now and has some classy features that make it a great choice for someone administering FTP on across a variety of servers. Filezilla supports, FTP, FTPS and FTP over SSL so can handle most server requirements with ease.

And for those who might want an app which feels Mac through and through then Cyberduck is still there for you. With recent improvements covering connection protocols for Amazon S3, WebDAV and CloudFront as well as support for Quick Look and Spotlight searches, Cyberduck integrates seamlessly with Finder and is a stable candidate and a fun addition to anyone’s dock.

Debugging & Testing

Perhaps unsurprisingly, the top two plug-ins for debugging sites are Firebug and the Web Developer Toolbar for Firefox. If you don’t already have these, then where have you been?! A great find however is Q Emulator which is an open source, free of charge emulator for running Windows on a Mac. This is crucial for testing sites in IE on a PC and all the other Windows versions of browsers, not to mention the ability to run IIS as a web server if the need arises.

Firebug

For your local web server there is MAMP. It is still unsurpassed as a local testing server running Apache, MySQL and PHP and now easier to install than ever. Previous releases were notoriously troublesome and required tweaking to get services running reliably)but not anymore. MAMP has a very small footprint at 165Mb, comes bundles with PHPMyAdmin supporting version 5.2 and Apache 2.0.63.

Site Promotion

Two good tips here are the Xenu Link Checker and the GSiteCrawler. Both sadly are not the most attractive of applications, and require Windows to run – that said, they do perform their respective jobs very well indeed. Xenu Link Checker is a simple application that crawls a web site from a URL, and reports back on any dead links it finds. It is a great labour saving tool if you are working on a large, link- intensive site, or if you inherit someone else’s project and need to check the integrity of the structure or why specific pages might not be indexing as well as others on search engines. Xenu generates a report of dead links and error codes received, allowing you to quickly correct and run the test again. GSiteCrawler does a similar job for creating XML based sitemap files for submission to Google, Yahoo and Bing. Direct the application at your URL and it will generate a sitemap file for you – simple as that. Apply the appropriate charset based on which search engine you are submitting it to and there you have it. Lastly it is worth mentioning the Webmaster Tools available from Google as a vital part of both monitoring your sites indexing, producing robot.txt, blocking folders, checking incoming links, and much much more besides. Coupled with Google Analytics and Google Intelligence and you can see why the world’s most popular search engine invokes such a fanatical following amongst the development community.

Billing / Invoicing

FreshBooks

Show me the money. Surely this is the most important bit? From the list of possibilities we have drawn up two options. One an online solution, perhaps better suited to someone freelancing at client sites and not necessarily using their Mac at all times. The second is a desktop application for someone working from home, or at least from the same Mac. Our online solution is Freshbooks. This fully integrated suite of tools for creating customers, generating invoices, managing payments, and scheduling regular billings operates from within a browser or via an iPhone. Freshbooks offers a free startup account with a maximum of 3 clients allowable, which might just be enough if you are starting out. If you require more flexibility then Express Invoice is a desktop application that is certainly man enough to get you up and running as your own ‘accounts payable’ department. All without putting your hand in your pocket.

Become a web expert with our newsletter

Receive invaluable advice every three weeks and get two free video presentations for subscribing. You can unsubscribe in one click.

Blog Updates

You can follow all my posts by subscribing to my RSS feed or signing up to my email newsletter above.

Podcast Updates

Subscribe to the podcast via itunes or RSS. You can also subscribe to my quick tips via itunes and RSS too.

Social Updates

I am completely addicted to Twitter so try following me there. I also have a Facebook page which contains considerably less waffle.

Comments

Boagworld is a community, not just the voice of one blogger. You've read the post, now its time to get involved.