What do I do first?

Figure out who your audience will be. This is the single most important step you can take and the one you will most likely skip. If you don’t do this, your website will not be as effective as it should be.

The owners of a fine crafts gallery recently came into our shop and wanted us to update their website, which is sorely needs. I asked who their market is. The answer I got is, just about everybody. Wrong answer. Unless you are selling goods or services that insure very basic survival, what you offer is discretionary. People buy from you or join your organization for some emotional reason. That’s what you need to appeal to with your website. They didn’t answer that question the first time their site was built and it never worked well.

Now we could make some good educated guesses for the client. Types of business fall into classes and with over 30 years combined experience between the three of us we have a pretty good idea of what makes an effective web site. But it would be better still if the shop owner would be specific.

Fine, you can’t narrow down a particular demographic. Your customers are wealthy and not, young and old. I believe you, mostly. But there is some experience that people are expecting when they patronize your business or organization. When you identify that, then you can make a truly effective web design, and probably increase your sales off the web as well.

Once you figure out your audience, then you can decide what content will appeal to them and what format they would most like to get the content in. If you can’t figure out who your intended audience is, then you are not ready to build a website.

Okay, what do I really do first?

You don’t believe me with the first answer. That’s a personal problem. You will be back later to discuss why your website isn’t effective. Yes, we’ll get back to that then. It will cost you more, probably a lot more, but most of us need to learn the hard way.

Before you bake the cake, buy the ingredients

Or in the case of baking a website, get your content. Create content. Buy content. Write your page text, or arrange for someone else to do so. Gather your photos, movies, audio files, charts, whatever. Write you bio, resume, rant or tutorials. If you are selling something get your photos and ad copy together first.

An effective web design flows from the content. If you make a site first then you will be forcing your material to fit in ways that aren’t logical or easy to navigate. That will diminish the site’s effectiveness and number of visitors. It’s simple, really. People won’t come back to a site that confuses them. They will come back to a site that has good content that is meaningful to them.

Chose your photos

Along with your text and media files you need to gather photos. A website without photos will have a poor impact. Making images ready for the web is a whole subject in itself. But getting the photos, charts, illustrations, or other graphics assembled is the first step. The next step is to sort them and decide what goes where. I recently got a CD with almost 700 images on it for a site. I and the client spent untold hours sorting through that pile to find the couple of dozen photos that we actually used. She didn’t save any time for herself, by giving me all the photos. She still had to go through them, but did pay for those hours of design time I spent in creating contact sheets and communicating just which photo (still with the camera generated file names) went where. Give your images descriptive file names while you’re at it. That makes figuring out which is which much easier later.

I’m currently within a day or so of design time from finishing 4 sites. All are built. The pages are in place. The navigation is set. But each site contains empty pages, waiting for the client to get me the last bit of content. This is so common that we make jokes about it in the office. Don’t be the butt of a joke. Create or gather your content first and your site will be up quickly.

I’ve got my content, now what?

If you have your content assembled or at least a good list that lays out what you will need to create or gather, along with a timetable that makes it firm when you will get it, the next step is to plan your site layout. What will go where and how will your visitors find what they need? What we’re talking about is site structure. How can your content be logically grouped into meaningful sections, categories and subcategories.

Your Site Map

A professional web designer might create a handy dandy site map for you, with cool colors, arrows, and graphics. It’s good marketing to make all content that the client sees look nice. But you don’t need to do that for yourself. There are simple alternatives that work just as well

• Outline everything with bullets. Place subsection pages in a secondary, indented list.
• Use a yellow pad and pencil to draw boxes and arrows.
• Use a spreadsheet to divide content by category.

I’m sure there an numerous other ways to diagram or outline your page structure. Lay it out with Lego if you want. This will give you the idea.

Wireframes

What the bleep is a wireframe? It’s the jargon web designers use to describe what goes where on pages. Where does your logo go, your tagline. Where will you put your navigation, AdSense ads, banners, contact information. Where will the main content for you pages be placed. Are there repeatable ads, sidebars, etc. on your pages. Draw them out. You shouldn’t worry about making this part pretty. We’re still framing your web pages not putting up the wallpaper yet.

Don’t get tricky with your page layout. Standard web page layout is what your visitors expect. I guarantee you that if you come up with something new and clever you will confuse your visitors. You say you are making an art site? Great. Art if for you. A logically laid out page is what your visitors need. Put things in normal places and label them well.

Designing your site – finally

Believe it or not, you are more than half done with your website now, without touching a web design program. The vast majority of unfinished sites don’t bog down because there is no design for the pages but because there is no content.

You have undoubtedly seen the dreaded Under Construction image. Write that site off right now. It will never get done. Just as bad is the Check Back Soon notice. Once your basic site design is translated to HTML it is trivial to put content in your pages and style it. Modern web design programs will hide most of that nasty old code from you. You will edit your text much the same way you do in a word processor like Word.

Starting the actual design

My first advice is simple. Don’t try to design a site from scratch yourself. Don’t do it. Your site will look amateur and home made. Even if you are experienced with graphic design, the likelihood of your creating a modern looking and functional website are low. I know several very capable graphic artists, people who are Quark or InDesign wizards, who can make Photoshop and Illustrator jump through hoops, who can create brilliant brochures or magazine layouts. Not one of them can create a quality website, even though they advertise web design and do take unsuspecting client’s money for doing so.

Don’t get me wrong. An attractive website will work much better than an ugly one on a number of levels. But too often graphics designers who haven’t studied web design create the dumb blonds of websites. They may be pretty but fail in accessibility, usability, search engine optimization and including modern web feature like interaction, and connectivity, RSS feeds, database connections and so much more. Don’t worry if you don’t know what all that means. Graphic designers don’t either. Web design is an incredibly quickly evolving discipline, one that even dedicated professionals have trouble keeping up with.

So if a professional graphic designer can’t make you a good website what chance to you have of creating one from scratch on your own? Slim, slimmer and none. Should you give up now? Not at all. You have lots of options. I just don’t recommend a home made design, unless you are more interested in learning web design than in creating an effective website.

Interlude: The evolving web

A digression is in order here. The world wide web started with what are now called static pages. They were pages of simple text, formatted with a simple formatting language, HTML or hypertext markup language. The hypertext simply means pages have the ability to link to other pages. You can consider HTML as a sort of longhand word processing. You want to define a paragraph? Wrap p tags around it. There’s really not a lot to it. Learn a couple of dozen tags and some attributes for them and you can write a web page.

Back even just ten years ago that was good enough. The web design started to evolve as a profession. And to differentiate themselves from the non-pros, web designers began to make ever more sophisticated designs. Then to add more functionality to sites, designers began to connect them to databases via complex programming languages. A competent modern designer will have at least a bit of familiarity with a couple of programming languages, HTML, a quickly evolving styling language called CSS, as well as having a solid design background and an understanding of the architecture of information and interaction design. Yes, it’s a lot, and no one is expert in all the fields but needs as least a smidgen of background in each.

What’s the answer?

The simple answer is to use the expertise of web professionals, some of whom have put a lot of clever thought and effort into hiding the mechanics of web sites from the end user. You no longer need to be a mechanic to operate a car. Once you would have needed to be one. You let the manufacturer make your car and you mechanic maintain it. In between you go a lot of places in it and make it do pretty much what you want. It is becoming possible to do the same with websites.

Use a ready made web system, add your content and bake your site. If you want a custom design, hire a pro web designer. Have him or her connect that design to a content management system and spend a short time learning to use it. You are in control.

If you are happy using a pre-packaged design and tweaking it some, adding your own logo and photos, you can even skip hiring the designer, or pay one a lot less to handle only the technical parts.. These pre-packaged designs are called templates and the better content management systems offer you a number from which to choose. Many are pretty awful but some are surprisingly attractive.

In the next installment we’ll get into some website options that can get you online with a minimum or grief.

Apple’s iWeb has gotten a lot of press lately, which is no surprise considering the incredible promotion machine that runs in Cupertino. But there are other options for the do-it-yourselfer. RealMac’s excellent RapidWeaver is a mature and capable offering. Karelia Software’s Sandvox, still in beta, looks promising.

But these are not design programs. They all work from pre-built templates. You select a design, then add your content. Now, in most cases this is a good thing. You can let professional designers do the design and you can concentrate on adding your own content.

But if you really want to design your site, you are pretty limited. You can change your site name and possibly logo but to do more you have to directly edit the templates, throwing you back into hand coding. Where’s the advantage in that?

If you want an easy-to-use and inexpensive web design program, look no further than Goldfish. Goldfish is a layout program that converts your designs into a complete website, ready to upload to your webserver.

If you have ever used any page layout program, from the Drawing module in Appleworks to InDesign, you should feel right at home. Every page element is a box that you drag onto the page, position and resize. A page element palette offers you options like images, text, list, headlines, photo gallery, and movies. Click a button and drag the element onto your page. Resize the box and you are ready to edit the content. A contextual palette lets you adjust the content and even the padding and margins of each page element box. It is simple and works well.

You don’t edit the page directly, but use editing windows for each element. That threw me until I figured it out, but it is simple and functional.

Drag photos onto the page from either a Finder window or from iPhoto and resize to fit. Goldfish takes care of JPEG compression for you. You can add a Quicktime movie the same way, though that should be saved in a web ready format first. If you want a photo gallery, place a gallery element on the page, select an image source folder in the contextual palette, and Goldfish creates both the thumbnail page and a large image display page with previous and next arrows. Easy. When you are done, click Publish in the File menu and you have a complete website.

Pages are all laid out using CSS and absolutely positioned divs for each page element. The code is pretty clean and lean for an automated page conversion program. All page elements are fixed width in pixels. It is not possible to specify percentage widths or heights. The pages have both the advantages and disadvantages inherent in absolutely positioned divs. Page elements will show up exactly where you want them but if your visitor changes the font size in his browser, things might look weird.

There are a couple of other things to keep in mind when creating sites with Goldfish. When you choose fonts from the Font menu, Goldfish gives you access to all the fonts on your computer. Most people who will be attracted to this program won’t know that web page display is dependent on the fonts the viewer has installed on her computer. So, that cool headline you create in Broadway will show up as Times New Roman on the other end. I understand that people will feel constricted if they are limited to web safe fonts but is that worse than giving a wider choice in design that will be unpredictable in a visitor’s display?

On a consumer level web design program, I’d like to see built in FTP functionality, so people could publish directly to their website or .Mac space. It’s a small thing, and there are decent free FTP programs, but file transfer is something that often confuses people.

Goldfish will create page menus for you. Just hope that you like one of the two included designs.

An iPhoto browser built into Goldfish would be another nice touch, though the existing drag and drop functionality works just fine.

All of these are really minor quibbles. Goldfish works and makes it easy to do your own web design. If you absolutely have to do your page design yourself you have Goldfish or the more expensive and complicated Freeway Express, which does give more control and features. They both insulate you from HTML. They both have 30 free demos.

Publisher Fishbeam Software
Goldfish $34.90
System Requirements: Mac OS X 10.1 or higher

Ease of Use: 4
Features: 3
Value: 4
Documentation: 3-

Recommended

The Apple Way

With the advent of iWeb, Apple has made a bid to be a player in the Mac web design world. I’m not a big fan of the version 1 iWeb but it is simple and does allow a complete novice to put up attractive web pages. Add in iPhoto of image management and TextEdit for your web copy and you have an almost complete web publishing system. You’ll only have to get yourself an FTP program to get your site to its home on the web server to be an almost instant webmaster. If you want multimedia, throw in GarageBand and iMovie, and iTunes and you have a powerful audio/visual studio that will integrate with iWeb.

Beyond iWorld

While Apple’s iApps will get you started, the sites created by iWeb have some serious accessibility issues. And iWeb while gives you an attractive set of templates, your choices are limited. If you want more control of your web site design, you’ll have to go beyond Apple’s cookie cutter approach.

Editors

What you see is what you get

You’re still covered when it comes to freebie web tools, though. NVU has a competent WYSIWYG web page editor that’s related to the built in editor in the Mozilla Web Suite. Either can help you make web pages without your knowing a line of HTML code.

HTML/Text Editors

Still, for greatest control of you web design experience you may want to get down and dirty with HTML and there are several choices of quality tools.

[TextWrangler](http://www.barebones.com/products/textwrangler/index.shtml) and [Smultron](http://smultron.sourceforge.net/) are both good text editors that offer extensive search and replace functionality as well as syntax highlighting, which simply means that the different parts of your code are displayed in different colors. That is an immense help when writing web pages.

For a dedicated HTML editor, you could do a lot worse than Taco HTML Edit. I’ve been watching this one for several years and seen it develop into a pretty feature rich product.

SEEdit Mini is a lite version of the SEEdit Maxi editor. For free, it’s pretty good.

A promising looking program is WebCode. Though it is still a bit rough around the edges.

If you are an old time programmer you might like Aqua emacs.

Jext is a Java based programming editor.

Tidying your Code

A good utility to use on any web page is a syntax checker. It will help you avoid errors and possible web page failures. MacTidy is a simple program that can handle that little chore for you.

TidyService does the same thing but as an OS X Service.

If you write XHTML code, you might want to check out Validator, as it goes beyond simple validation and checks for XML correctness.

Email Encoders

With spam such a problem, it’s nice to be able to obscure your email addresses from email address harvesting bots. There are a few options. eMail-Encoder works well. This is a German program but is so simple that you shouldn’t need English instructions. Andrew has a Dashboard Widget that will do the same thing.

Tagging Services

Here are a couple of Services that you can use to wrap text in any Services aware program with HTML Tags. Tagging Service and Humane Text Service. They each use a simple tagging syntax to translate your text into HTML.

CSS Editors

Simple CSS is a nice, simple CSS 2 editor that uses dialog boxes to generate your CSS code.

Morphon CSS Editor is a Java based program that does a decent job of editing cascading style sheets. As with most Java programs, the interface is clunky.

FTP Clients

Cyberduck is a pretty full featured and stable FTP program for the Mac.

If you prefer two panel FTP try Fugu. It’s a little more primitive and only works with SFTP but it does work.

MySQL

There are a couple of nice front ends to MySQL, YourSQL and CocoaMySQL than can greatly speed up database development.

Extending iPhoto

iPhoto will create web ready photo galleries with a couple of clicks. The good news is that the process is very simple. The bad news is that the pages are boring, boring, boring. Enter Better iPhoto Templates. With this you get a nicer looking template set that you can edit yourself.

• Gallerie is a mature iPhoto (and others) export program for web galleries.
• webPhoto is a Java application that does much the same thing.
• [iPhoto Batch Enhancer]http://www.feroxsoft.de/ibe/download_en.html) Process more than one photo at a time.

Bypassing iPhoto

You don’t need to use iPhoto to create web photo albums. These programs will all take a folder full of photos and auto-magically turn them into web pages.

• jAlbum
• iGallery
• PhotoSite TimeSaviour
• WebAlbum
• Album Shaper

Editing Images

The most powerful free image editing programs aren’t regular Mac software but run in the Unix like BSD layer of OS X, under X-11. That is a separate topic. Here’s a list of more normal Mac offerings.

• ThumbsUp is a simple, drag-and-drop based utility to create thumbnails for a bunch of pictures at once.
• ImageWell is a simple image editor that’s easy to use. Good for single image resizing.
• Pixen Art Pixen is the best program for the pixel artist using Mac OS X. Specialized but cool.
• Seashore is a GIMP based Mac program that offers lots of features.
• Quickscale is a one trick pony, but it’s a very useful trick. Quickscale will batch scale lots of images at a time.
• Live Quartz and Image Tricks put graphical front ends on Tiger’s Quartz Image Effects. These are more for special effects than serious image editing.
• Image Play is a simple effects editing program.

Working with color

Web colors are specified by sets of numbers, either RGB or hexedecimal code. To translate what you see on your screen to something a web browser can use, try, X-ColorZ. I integrates with Apple’s Color Picker. If you prefer a stand alone application, Color Blender, does the job, as does iPalette.

Assorted Others

• 93 Photo Street make is easy to attach maps to photos. It makes it easy to display your images arranged by location instead of by time.
• Paparazzi! is a utility for grabbing screen shots of web pages.
• svnX is a cocoa front end for Subversion that allows you to browse your working copies, spot changes and operate on them, and also to browse logs and revisions.
• AddressWeb converts you Address Book to a web page.

I’ll not describe iPhoto’s cataloging and photo sharing options as those are well covered elsewhere. And I’ll save for later a discussion of iPhoto add-ons that allow web photo galleries and Flickr integration and focus on iPhoto for preparing photos for the web. I’m also not going to say any more about iPhoto to iWeb features other than I’m absolutely not a fan of iWeb in its current incarnation.

iPhoto’s integration with the new Core Image features in OS X.4 makes editing images quite easy. Not all of Core Image’s features are built into iPhoto but the ones that are seem to be well chosen.

The Adjust palette focuses primarily on color correction and obvious editing options like brightness/contrast and sharpness. New to iPhoto 6 is the Straighten slider that allow you to correct for a less than level photo, not that you or I would ever take one. Click on the Straighten slider and a grid appears overlaying the image. Moving the slider rotates the image to the right or left. It is actually easier to use than Photoshop’s Transform feature.

Replacing the Black & White and Sepia toolbar buttons of earlier iPhoto versions is the Effects palette, which gives 9 photo variations including vignetting and edge blurring. Successive clicks strengthen the effects. The effects are fairly subtle and well chosen.

Most photo would be improved by cropping and iPhoto’s Crop tool is ready and able to do the job.

Sample workflows

Size individual photos for the web

1. Import your photos
2. Select the photos you want to use and drop them into their own album
3. Rotate photos where necessary.
4. Straighten photos where necessary
5. Adjust color, saturation, etc.
6. Using the Sharpen slider, slightly over sharpen the image. (Saving the photo compressed for the web will soften it)
7. Crop if necessary
8. Return to Gallery view
9. Single click your photo to select it.
10. In the File menu, choose Export (make sure the File Export tab is selected)
    
11. Select the Scale images no larger than: option
12. Enter your final image size.
13. Make certain that Use file name is selected.
14. From the pull down menu select the file type for export. (don’t use TIFF)
15. Click Export
16. Name the image.

iPhoto has no JPEG compression setting available during the Export process so you get a preset. Comparing the file sizes with Photoshop’s Save For Web, shows that iPhoto exports with a JPEG quality of 70-80. That is a bit big if you are concerned with download speed but seems in keeping with Apple’s concern with high quality presentation.

Batch size photos for the web:

1. Edit your photos above
2. Select all the photos you want to export by either selecting the entire contents of an album or holding down the Command (Apple) key and clicking on individual images.
3. In the File menu, choose Export (make sure the Web Page tab is selected)
4. In the Image field set your Maximum Width or Height.
5. Click Export
6. Name the folder you are exporting to. (iPhoto exports and entire photo gallery with thumbnails and gallery pages)
7. In the folder you exported to you will find another folder titled (exported folder name)-Pages.
8. The resized photo are in this folder. You may discard the rest of the exported files and folder.

There is a solid, free WSYSIWYG (what you see is what you get) web page editor that might just be what the doctor ordered. NVU (pronounced N-view for new view) it the stepchild of the venerable Netscape Composer module. Composer is alive an well in the Mozilla project’s SeaMonkey suite, but that’s another article.

Linspire, a Linux distribution, spearheaded the drive to make the composer module into a stand-alone application and hired Daniel Glazman, formerly the chief architect for Mozilla Composer to run that project. NVU is the result. NVU’s website claims:

A complete Web Authoring System for Linux Desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver.

Nvu (pronounced N-view, for a “new view”) makes managing a web site a snap. Now anyone can create web pages and manage a website with no technical expertise or knowledge of HTML.

While you might have to be on drugs to believe that NVU compares feature-to-feature to Dreamweaver, or even FrontPage, it is still a perfectly usable program. For the non-professional it could very well be just right.

NVU takes the basic Mozilla/Netscape Composer functionality to a new level by adding integrated web site management, better form and table support, and better browser compatibility. It is also capable of producing reasonably clean, web standards compliant code. I particularly like NVU’s ability to accurately display pages laid out with CSS, something that Dreamweaver has only achieved in version 8 and FrontPage still doesn’t do well.

When I was teaching web design I liked to use NVU for a couple of reasons. The free part always appeals to people as does the fact that the program is fully cross-platform capable. Mac, Windows, even Linux versions are identical in function and as similar in looks as possible. And NVU is an excellent teaching tool.

Another feature of Composer that NVU inherited was that it was designed by and for people who understand web design. Yes, it’s now marketed to beginners but it doesn’t have the workflow sophistication of Dreamweaver. Practically, that means that it is a bit slower to use. However it does reward a bit of web page design knowledge. The more you know about HTML the easier the program is to use. Think about that from a teacher’s perspective and it is easy to understand why I liked to teach web design with it.

But NVU is perfectly usable as a design tool for the HTML ignorant. You can build pages without ever looking at the underlying code. You can add, even resize photos, edit text and position elements on the page all in WYSIWYG mode. Or you can work in a couple other editing modes, including straight HTML.

For someone who wants to put up a small to medium sized website and doesn’t need the built in dynamic scripting or templating capabilities of Dreamweaver, NVU is perfectly capable. Give it a try. It’s free.

NVU, published by NVU.com
Free

Value for money: 5
Documentation: 2
Features: 3
Ease of use: 3+

Recommended

When getting photos ready for the web or email, what capacities do you need? What I typically do is crop, resize, rotate (when necessary) and set jpeg quality. ImageWell handles all of these in the main window without having to pull down menus or enter dialog boxes. It’s all quick and simple. If that were all that ImageWell did, it would be a very useful tool. Get ready, as they say in late night infomercials, “Wait there’s more!”

Some added features that I love are a drop shadow option. Yeah, it’s a cheap and easy trick but, hey, that’s just me. Simply choose Add Drop Shadow from the Tools menu and you’re done. There’s no shadow control but the default looks good and should be fine for most needs.

Sending the image to either your website or .Mac account should be as simple as it gets. Click the Send button. Of course, you have to first enter your account info into ImageWell preferences. No getting around that in any program. You can even set up multiple accounts and access them in the More panel.

ImageWell’s ability to copy the image location to the clipboard for posting in your page, is a great feature. You can choose to copy only the image URL or have it wrapped in either bbcode square brackets or with the HTML image tag ready to paste. That’s the kind of little detail that makes a program truly great.

At first, I couldn’t figure out how to do this without having ImageWell post the image path instead of URL. Definitely and annoyance. But Ginny of XtraLean sent me a quick email response:

Regarding the URL’s not always being the right directory, just a helpful tip: in ImageWell Preferences, under the Location tab, when you enter your server information – the URL for viewing text field is editable. You can enter the correct directory path into that field. And then each time you paste the URL it will be correct, and you won’t have to change it each time.

Of course, you can save your image to your own computer.

ImageWell also has some simple editing tools. I’ve already mentioned the crop tool. You can also add text to an image, either directly on top of the image, as a watermark or in a cartoon balloon. You can add basic shapes, arrows, boxes, and circles, too. You can crop your image with several pre-designed shapes like hearts and clouds, and change the jpeg background color. ImageWell will save images in jpg, png, or tif. Sorry, no gif.

There’s one more feature of note, screen capture. ImageWell takes advantage of OS X screen capture capacity. No big deal except it drops the image directly into ImageWell for immediate editing, saving a couple of steps and saving you from a cluttered desktop with Picture 1.png, Picture 2.png and so on. As you can imagine, that makes writing reviews or documentation much simpler.

ImageWell is one application that is worth having for its ease of use and targeted feature set. It’s a bonus that it is attractive and free.

Publisher: XtraLean
Version 2.1 • Requires 10.3.9 or greater. • Tiger Support. • Universal Binary
Price: Free

Ease of use: 5
Value for Money: 5
Features: 4
Macness: 5

Highly Recommended

Cyberduck is an FTP program of the old school. Much like the venerable Fetch, it gives you one window into your web server in list/outline view. From that window you can move files and folders back and forth between you Mac and your web server. It’s easy and simple. The tutorial takes about three minutes to read. If you have any experience with FTP clients, you’ll be up and running immediatly.

Cyberduck has the basic features you would expect from a modern FTP client. With it you can upload and download files and folders, create new files and folders on your web server, change permissions, rename and move both files and folders and resume transfers. It also works hand-in-hand with most popular html editors to allow you to edit text based files directly on your web server.

In addition it has a nice bookmarks setup and offers synchronization of local and remote folders and supports the whole gamut of secure transfer protocols.

If that were all that Cyberduck offered, I’d recommend it. If something works reliably, as this does for free, you have to be happy. But, beyond the bare basics, Cyberduck is a pretty polished Mac program.

Cyberduck looks good. It is localized for a number of languages. It supports Applescript, Bonjour and .Mac iDisk. It allows toolbar customization. It is even a Universal Binary, ready to run natively on Intel Macs. And it supports third party productivity utilities like Growl and Quicksilver.

Publisher: http://www.cyberduck.ch

Cyberduck runs on Mac OS X 10.3.9 or later.

Ease of use: 4
Features: 3
Value for money: 5
Macness: 4+
Recommended