Now, this article is more about my own personal work-flow than anything else. During a recent project, I was forced to re-arrange it. For design purposes, I was comfortable using Apple’s iWeb application. Why? Simply because it used drag and drop features that are not apparent in Adobe Photoshop (at least, none that I was aware of).
When it came time to convert my design to XHTML, I was faced with a dilemma. Unfortunately, iWeb didn’t do a very good job of creating “clean” code, therefore, I had to look for alternatives. After much research, I came across a fairly seamless integration of three applications: Rapidweaver, CSSEdit and TacoHTML.
Rapidweaver (RW)
This app is the most commonly used Mac app for users looking to switch over from iWeb. Reason being that its application allows you to easily copy and paste code from iWeb, straight into RW’s modules. For some tutorials on this migration, go here and here.
CSSEdit
For your CSS needs, this Mac application creates a way for you to easily locate your different element styles (in a pleasant, visual format). I use this because it also has a live preview option, which allows you to see your changes on-the-fly.
TacoHTML
This application may not be the “best” out there but it suited my needs for the project. Until (or if) I find something else, this application will stay under my current workflow. It’s used to edit HTML code, with options to batch change chunks of it, as well as preview changes in real-time. It’s simple and robust.
So, to recap everything, my workflow looks like this:
Rapidweaver > TacoHTML > CSSEdit
