I recently gave a presentation at the Adobe MAX 2010 conference and in Los Angeles on using Adobe Fireworks to export the initial CSS and HTML code which can then be easily modified in Dreamweaver. At the start of the session I spent about 10 minutes showing some of the most common issues people run into when setting up a Fireworks file for CSS export and how to fix them. I think I received more feedback about those 10 minutes than I did for the remainder of the session!

Continue reading →

One of the most common page elements we need when creating wireframes and comps are tables, and one of the most common questions about Fireworks is how to quickly and easily draw tables like this without having to draw and position many (even dozens or more) individual rectangles for each table cell:
When we create wireframes and comps we often are not yet certain how many rows or columns a table will need, and the row widths and column heights may vary throughout the table. If the tables are drawn with individual rectangles or even with individual intersecting lines, it can take much time, effort, and attention to detail to change the size of the overall table. Fireworks offers two autoshapes that can make creating tables a bit faster and easier.

Continue reading →