Media Lab makes a program, a plug-in, for Photoshop. It is called SiteGrinder and it enables you to create multiple web pages directly from Photoshop CS files. When I first read this, I thought something like: “Probably when hell freezes over”, but I decided to give it a try and see what happens. After playing around with it, I can only say there’s a lot happening when using SiteGrinder.

The concept is deceivably simple: you install SiteGrinder as a plug-in in Photoshop’s plug-ins folder (with an installer---no need for manual dropping of files) and once you have created a few layers with content, SiteGrinder builds them as separate pages.

Site Grinder doesn’t come with a PDF manual, so you’re either on your own with the help files to assist you, or you first print the help files and the documentation from their web site. The Media Lab site also offers some basic tutorial pages that you can go through to learn how the product works and which rather stunning results you can obtain through its use.

For this review, I read through the complete help files and set up a few test pages. I didn’t concentrate on the design, but on the capabilities of SiteGrinder. I first tried using SiteGrinder without any help at all. That is a no-go. The program is easy to use, but it does have its own working method you must get accustomed to.

After reading through the first ten pages of the help files, I gave it another try. Amazingly enough, and much to my surprise, I was able to build a page. A simple one, but it was a page with a rollover button on it, so I got a good idea of what SiteGrinder is capable of.

If you read the rest of their help files, and pick up on one or a few of their excellent tutorials, the odds are that you can build a web site with Media Lab’s SiteGrinder within half a day or so. I don’t believe the learning curve of other programs that allow you to build web sites is so easy on its users.

SiteGrinder Report

Concept

The whole idea behind SiteGrinder is that if you’re going to use Photoshop for Web page mock ups anyway, you might as well create the web site in its entirety in Photoshop. Photoshop, not ImageReady, has so many capabilities by itself, that you can use it to set up a complete web site with contents.

But how can any program know which page elements are dynamic and which are not? How should it discern between image and editable text? The developers at Media Lab came up with the idea of using Layers and Layer names for this. In fact, if you’re using Photoshop CS, they’re even using Layer Comps to build your web site.

SiteGrinder does take some getting used to, but it doesn’t force you to learn a lot of new ways to work with your existing web page mock ups. The workflow using SiteGrinder can perfectly well start with a traditional mock up. If you decide later on that your mock up was good enough, a few extra layers for dynamic buttons and the like, may suffice to have the program build your site.