I'm very excited to announce that my latest video training title is now available on lynda.com!

Recorded earlier this summer, the 4.5 hour course discusses and walks you through wireframing, storyboarding, interactive HTML prototyping, in a far more in-depth manner than my Essential Training title is able to. I also introduce you to creating Flex skins, exporting MXML and exporting FXG.

I had a lot of fun putting this course together and I think it will be a great resource for anyone wanting to learn more about using Fireworks for prototyping web and other interactive projects such as AIR applications.

Here's a quick run down of the main lesson topics:

• Rapid Prototyping Options in Fireworks
• Wireframing
• Storyboarding
• Multi-page Mockups
• Adding Interactivity
• Creating AIR Prototypes
• Creating Flex Mockups
• Going Further with HTML Prototyping

Hey Everybody!

I'm picking through my idea file for new tutorial concepts for Fireworks and I thought I'd put the request out to you, our faithful CMX subscribers. Is there something you've been dying to know about Fireworks? (or Photoshop or Dreamweaver or ~insert favorite app here~ . . .)

And what about the types of articles? Creative? Technical? Workflow? Business oriented?

Drop by the Community Clubhouse forum and share your thoughts and ideas.

Yes that's right!

Adobe has released the very long awaited patch for Fireworks CS4 for both Mac and Windows. The updater addresses some of the big issues related to text and stability.

You can download the update from http://www.adobe.com/support/fireworks/downloads_updaters.html.

After applying the update, please ensure that the version screen now shows as shown below.
 
http://blogs.adobe.com/sarthak/FwCS4_update_about.jpg

You can also read more details about what was fixed in the patch by reading the release notes.

W00t!

A very exciting day, yesterday; I received my shipment of books and I must say, I'm very happy with the overall production quality of the book. It's pretty cool to see all the illustrations in full color!

Sporting a bright banana-yellow cover (you almost need sunglasses!) the book definitely stands out. Kinda like some of my shirts . . .

In the next few weeks, I hope to release a few excerpts of the book here on CMX, so stay tuned.

It should be in bookstores soon, so if you're interested in learning FW from the ground up, make sure to check it out.

Have you ever wondered if (or how) you can add an iframe to a Fireworks prototype? What about inserting a SWF? Or adding some jQuery functionality?

Well, I just finished reading a truly excellent article at the Adobe Developer Center, written by David Hogue and Mariano Ferrario that takes protyping with Fireworks to the next level.

The article shows you how to leverage CSS, JavaScript and HTML using Fireworks and Dreamweaver to create a highly interactive HTML prototype. There's a great synergistic result when you combine the design capabilities of Fireworks with the coding strength of Dreamweaver. 

If you're interested in prototyping, head on over to the Adobe Developer Center and check out this article.

Ahhhhhh! A huge sigh of relief and great sense of accomplishment are the two things I am feeling most at the moment. As the headline states, the very first Classroom in a Book for Fireworks is off to the presses.

I'm so freakin' excited!

The book has a total of 11 lessons, plus two supplemental lessons on the CD which accompanies the book. Just like other CiaB's, the artwork is included so people can work along with the same assets I used in the book. Some of the assets are supplied by - or inspired by  - Adobe, and some are my own, including several photos.

I think this will be it for me on the book scene for a while, but I have some other projects in the works, including some new video titles with Lynda.com . . . and of course, I'll keep writing here at my home away from home, Community MX.

I'll keep you posted on the release date.

Fireworks CS4 finally began to answer the problem of designing and exporting standards compliant web pages, with the inclusion of a new export feature, CSS and images. This feature was an enhanced version of the Smart CSS extension which was available for FW CS3.

Well, the shipping version of this CS4 feature still had some issues. but luckily for us, Fireworks evangelist Matt Stow worked with Adobe to improve the export script.

You will find his article and the new export assets on Adobe's web site:

 This article and the support files are definitely worth a read.

Well day 1 has come to a close (for me, anyway) and it was quite a whirlwind!  The keynote session this morning was pretty cool. There's some pretty amazing stuff happening with AIR, FLEX and Flash in terms of development projects from companies like Disney Interactive and the New York Times Company.

I thought MAX was big last year; the attendance this year is even higher! I'm told there are over 5000 people attending the event.

I ran my first Fireworks Mock Up lab this morning and it went over very well. I'm very happy to not ethat both labs are at capacity (50 people per lab). It is so awesome to see this kind of interest in Fireworks!

It's been a blast hanging with friends; Danilo Celic, Joe Lowery, Alan Musselman and Aaron Beall, Stephanie Sullivan and Greg Rewis and may others. I haven't seen some of these people for months (or longer) so it's nice to get a chance to talk face to face.

This evening, Alan and I tooled around a bit in his car, taking a few night shots of the Bay Bridge and just enjoying the local scenery.

I'll post some photos soon on Flickr and update you when they're online.

Yes, I've been meaning to put this up for quite some time but my schedule of late has made it tough to get much blog writing done. Before Adobe MAX starts, while people are deciding on their sessions, I wanted to make a quick post with more info about my sessions and other MAX happenings. Here they are in order of occurrence:

Greg Rewis (my co-author) and his fellow CS4 Web Tools evangelists will be doing a full day session on Sunday called, Designing Across Media with Adobe Creative Suite 4. This was an extremely popular session last year. The evangelists show how to use the tools in an integrated manor and really get the most out of then to benefit your web projects. Believe me, after writing a book with one of them, I can testify that they know stuff about these tools we never even thought of. ;) You must sign up for this in advance, so act quickly.

Monday, Greg Rewis and I will be doing a book signing at noon. Yes, the CS4 version of our book won't be out till December, but you can pre-order both the book and the upcoming videos. (I've done one for Pearson/Peachpit about Structure and Presentation -- along with CSS tips and tricks. Greg's upcoming video is about Behavior -- Ajax, Spry, Jquery.) Our current CS3 flavored book will be available in real time -- and we're happy to put our scribbles on it for you (or bring it from home if you already own it). If you're sticking with CS3 for a while, that's your best bet. If you'll be upgrading quickly to CS4 (or already have), come pre-order or just meet us. It's always fun to put faces and names together.

Following the book signing, at 2pm, I'll be presenting Standards-Based Solutions to Common Web Design Challenges in Moscone West 2008. This is an intermediate to advanced session and is best for people who already understand the basics of CSS. I will not be reviewing the box model, floating or positioning. We're going to get right into the down and dirty demos. Since my job entails either coding or teaching other people to code, I'll be sharing every day CSS challenges I'm presented with and techniques I commonly use to deal with them. There are many ways to make your CSS more succinct and powerful. This session is filling up fast, so you'll want to log in to the Scheduler and reserve your place soon.

On Wednesday, also at 2pm, I'll present a session called Common Mistakes Print Designers Make on the Web in Moscone West 2011. Don't let the title of this one fool you -- it's not just for print designers. This session covers the ten most common mistakes I see when people are learning to use CSS and web design. This applies, of course, to print people making the transition -- but many of these issues are universal. I promise I did many of these things myself at the beginning. We'll take a look at the common misconception or problem and then the "best practices" way to do it. This session is appropriate for beginner to intermediate levels.

If you've been to MAX before, you know it's a huge conference. Please don't be shy. Come grab me in the hall and introduce yourself. I'm really tall and hard to miss. ;) Feel free to discuss with me the challenges your business is facing. I'm always happy to help out where I can. I look forward to meeting you there!

I'm very proud to announce that Adobe Fireworks CS4 How-Tos: 100 Essential Techniques will be available October 20, 2008. It was a heck of an experience and I owe a big thanks to Kim Cavanaugh who was my tech editor.

You can learn more about the book here: http://www.peachpit.com/store/product.aspx?isbn=0321562879

I'm very excited about the book. I think it's a great introduction to Fireworks.

So there's been a pretty decent sized debate going on through the webosphere. Designers should know how to code. Developers should know how to design (or shouldn't need to design). I considered weighing in on the 37 Signals blog -- but the comments were already closed. Call me slow (yes, I've been on the road, had a birthday, and had my mom visiting with her birthday. ;). You'd be right. Oh well.

I do have one thing to say. Well, I probably have more than one, but I'll start with that. I recently did a couple sessions at the HOW design conference. One was on "Mistakes Print Designers Make on the Web." Yes, I definitely agree there are common mistakes from the print paradigm. Many times I can tell how people's brains work when they ask for help on lists. I can tell they don't understand the web or come from a print background. However, that does NOT mean I think they are useless. Do I think they should know how the web works? That the web is a fluid, not static medium? Am I willing to help them learn (if they're going to be in my "designer stable")? He77s yea. I am willing. Because I think they are very important to our industry.

Do I think that coders should not use a graphic medium. Lord no. "Designing" (or so they call it) using the constraints of "what's easy to do with code" is really a sad, and less attractive, way to work. I say bring on the tough comps -- we'll work it out, or we'll ask for a small revision. We'll come up with a way to make it work accessibly. A way you might not have thought of before -- but a way that is equally lovely. But lord knows I think you design types are valuable. I quit designing years ago. Why? I'm a tweakaholic. I make more money hiring people that are more creative, better trained and faster. My clients save money with those same people. The designers are freed to be their creative selves -- but yes, it's nice for me if they understand the web. It's nice if I don't have to lead, guide, explain. That said, because I know my craft, I'm willing to help them at the beginning. And no, I don't expect them to know how to code. Just to have an overall understanding that the web is not print. Everything will not have line breaks where they want it to. It won't be glued down. But I, with my experience, will guide them through what can and can't be done. In time, they will be one of my favorite designers. They will understand, but they will send it to me to code. Because that's what I do best.

Do you create the site with HTML? Do you create it without a graphic program? Well, gawd bless you. But I'd venture to say your designs are likely boring. I think 37 signals rawks in usability. I have no bad words to say about them. But what I'm seeing from their recent blog posts in this area is just silly. And no, I've never seen a super creative design come out of that group (at least that I KNEW was from them. I'm certainly not barring it).

Personally, I welcome the challenge of the design minds. I find that if I create the site IN HTML, I do what's easiest to do with HTML/CSS. I don't challenge my abilities. I don't push the envelope.

Yes, the site is about the content -- the message. People are generally looking for information on the web. I teach that all the time all over the world. But there's another side of it. There's the package that same content comes in. Is it readable and usable? Good. That's important. Does it work when the text size is large. Does it work with assistive technology. Excellent. Accessibility is even more important. But goodness knows that a majority of your readers are going to be influenced by what it looks like. Yes, even the colors. Study color psychology. Look at eye patterns. Immerse yourself in usability and interaction. Heck, watch your mom try to navigate things -- I just did. It's eye opening. How it looks is important. Sorry, that's just the facts. Why do you think company's spend so much on their Superbowl commercials?

And let's not leave out how you interact with the database -- how well that content dynamically appears. How much sense it makes. How usable the interface is. There are many things to think about. The root of my story and my point is -- it's the rare individual that has all the strengths needed for one web site. It's the team that matters. Should everyone have a basic understanding of the other member's jobs? How they work? What they can accomplish. Oh yes. Absolutely. Should they be able to do them? That's just ludicrous. Absolutely not. Surround yourself with people more brilliant than yourself. Always learn. Work hard. You, and those around you, will be enormously successful.

Ciao.

TODCon will be here very soon. Yep, I'm counting the days. OK that's not the secret.

It'll be great to hook up with some CMX friends and regular TODCon attendees and speakers. Well, that's no secret either.

I've written the last three CMXtraneous blog posts! That's more of a shock than a surprise, though. 

I'm pretty stoked about the Fireworks public beta. The Fireworks engineering team has done a phenominal job. It's to the point now where I don't like going back to CS3. Yeah, not really a secret there either, the way I've been blabbing all week long about it.

The secret is my second TODCon session. It will be a live demo of the new features in the Fireworks Public beta! We'll look at some of the cool features you've read about in my recent articles as well as Kim Cavanaugh's piece on the Path panel. Based on what you've read and heard this week, I hope you pull up a chair for my session.

Alan Musselman from Adobe will also be presenting a session on Fireworks. He'll no doubt have some very awesome and cool stuff to share as well.

I'm looking forward to seeing everyone. I'll be the guy with the loud shirt and - new this year - a limp (sprained my ankle and pulled a tendon a couple weeks ago YEOUCH). Feel free to have pity on me and buy me a martini or at least help me to the gift shop for a new fashion statement. ;-)

Today is a great day! At 12:01 am this morning, Adobe made available public betas for both Dreamweaver and Fireworks.

Not only that, but we've got brand spanking new content for both Fireworks and Dreamweaver public betas, starting today. 

Walk, run, fly, teleport on over to Adobe labs and get your own beta copies while supplies last. The public beta software will be available for download for the duration of the beta program and will run for 2 days as a demo before requiring unlocking. Unlocking the public beta for the remainder of the beta period requires an active CS3 serial number.

I've been nosing through both applications and the updates are quite impressive. Stay tuned here at CMX for a variety of sneak-peaks into both applications.

And if you are a Fireworks Junkie, you can learn even more in the coming days at the Adobe Dev Center, Peach Pit Press and Lynda.com. Yep, I've been a busy boy. ;-)

In less than one month, geeks will gather in Sunny Florida to catch some rays, share some laughs and learn a whole whack of geek stuff. Yep, TODCon is coming. I can't say enough positive things about this event. It's certainly opened up opportunities for me in my business, and the size of the event means you've got a great chance of hanging with your favorite authors or speakers, or making new connections to help you in your business.

There are some pretty interesting topics on the agenda as well (and I'm sure there will be a few surprises.) I'll be doing two sessions on Fireworks (Ok, that's no surprise).

The Wyndham Resort is a very nice place to spend a few days as well. You walk into the grounds area and forget how close you are to the hustle and bustle of Orlando.

So if you're in the mood for a break, and want to justify it as a business expense, TODCon may be just right for you. You get it all, sun, fun, education and networking in a nice little package.

Mastering CSS with Dreamweaver CS3, the book I co-wrote with Greg Rewis, is finally out. Yes, I know, it was long overdue. I took a picture of it when I finally got to see it at Greg's house (no, my copies haven't arrived yet), so if you'll excuse the exhausted, traipsing around Phoenix all day look on my face, you can see me with the book on Flickr.

Greg and I didn't want to create the same CSS or Dreamweaver book that others have written. Those books are published, are very useful, and if that's what you need buy the appropriate book. Our goal instead was to show how to create standards-based, accessible web layouts using Dreamweaver. It's a myth that you have to hand code to be a real web developer. Is it best to know how to semantically mark up your page? Yes, absolutely. This is a craft and you should know as much as you can about it. Can you hand code within the Dreamweaver environment? Of course you can -- I do it all the time. Do you have to? Absolutely not. There are tools within Dreamweaver that make your work faster, and more effective whether you're working in code or design view. If you haven't looked at Dreamweaver since about MX or so, it's come a long way baby!

Chapter 1 is an overall review of important CSS principles that you must understand to create sturdy CSS-based layouts. The project in chapter 3 takes a lovely, nested table-based layout and transforms it to a CSS layout. Each of the remaining four chapters are a full project based on the CSS layouts I wrote for Dreamweaver CS3 - Fixed, Liquid, Elastic and Hybrid. Chapter 6 also uses Spry 1.6 (an upgrade from Adobe Labs for the Spry 1.4 version that ships with Dreamweaver CS3) and takes you through the process of using HTML data sets to create an accessible Ajax gallery -- unobtrusive javascript and all. We hope the projects will feel like we're working with you as your personal trainer.

The book is full of CSS tips and techniques. It also teaches a variety of ways to use Dreamweaver CS3. Both Fireworks and Photoshop comps are used and the integration of those programs with Dreamweaver is illustrated.

Our hope is that the techniques taught in the book will make your beautiful designs more solid as well as making you more comfortable with the program used by so many web departments. I use Dreamweaver every day and even I learned some new Dreamweaver tips from Greg! Here's what one reader had to say:

"The first chapter alone was worth it to me. I have a lot of CSS books, tutorial sites, etc. Maybe I'm more familiar after working with it for a while, but for me, this book is as clear as a bell, informative as a book ought to be, and motivational as a hand grenade... made me want to jump up and run like hell... to Dreamweaver to try stuff out."

C. Lindauer

Some of you may have also heard a rumor about the other partnership that came out of writing this book. And to that I say, yes, it's true. Greg and I were engaged (via Twitter) in early March. You can think of the book as our baby. ;)

As the title indicates, my Fireworks article is now live on Adobe Edge. Feel free to check it out. I'm quite happy with the end result and I hope you gain some insights on the Fireworks work flow as well.

I have covered this topic in both written and video form here on CMX, but in this article, I atcually take someone else's single page design and build it out into a series of interconnected pages.

Enjoy! 

Keep your eyes peeled for the April issue of Adobe Edge because yours truly is making a guest appearance.

Here at CMX as well as in my teaching, I've been focusing recently on using Fireworks to create click-through prototypes, and establishing best practices for one's FW workflow. With the evolution of Fireworks, it's much easier to create these interactive mock ups quickly, allowing more immediate client feedback/approval of a site's design and flow. The beauty of this process is many changes are made early in the design stage, rather than during the coding process.

As designs get more complex, it becomes even more important to set up some best practices for workflow. This helps in case you have to revisit the design weeks or months down the road. It is also very helpful if you have to pass on the design to someone else.

My article on Adobe Edge will focus on the creation of a click-through mock up from a finalized multi-page Fireworks PNG file.

If you've not heard of Adobe Edge before, here's the low-down:

Adobe Edge is a free electronic newsletter that comes out every couple months. It features content for web designers and developers, covering stuff going on at Adobe and the web in general. While the focus is about Adobe and what it's doing to make web-life easier, the magazine also covers things happening outside "the mothership."

For example,  February 2008's issues has this list of contents:

• Adobe Media Player: Understanding the structure of the RSS feed
• BlazeDS and what it means for the developer community
• The edge of Flash
• Comparing Adobe Flex and Ajax development models
• Project profile: Virtual life on the International Space Station
• Quick tips for integrating Adobe Creative Suite 3 products
• Open source at Adobe

You can either check out the Edge every couple months, or subscribe to it online. I hope you get a chance to read the article and find it useful.

A week in the Canadian Wilderness.

With Tom Green.

Actually, it was not as scary as it sounds. I recently spent a week near the eastern shore of Lake Superior with Tom and his son, Rob. We had a great time, camping, hiking and canoeing and treating ourselves to some most excellent camp chow and some of the most spectacular scenery one could see and still be within walking distance of a hot shower. A mere 12 hour drive from Toronto, our base of operations was Obatanga Provincial Park. At just $25 a night for peace and quiet and gorgeous views it was worth every penny.

I made many pictures that week (well over 400), some with the intention of turning them into panoramics using Photoshop, or combining images using Auto Align and Auto Blend to make the perfect exposure and still others just for the sheer joy of capturing the moment, like this one:

Still others were just for fun and for future plans, such as the pixel dump station:

For the edited (under 300 images) version and to see some great scenery - and some pretty cool panoramics (all hand held, I would add) - make sure to drop by my flickr site, choose slide show, sit back and enjoy.

We get a lot of positive feedback about our JumpStarts. They are a great way to kick start the design and production process and can really speed up development time. They're so great, I use them myself!

Last month I was approached by a personal trainer who needed a web site. A friend had been promising for about 4 months to make one for her but at the time she contacted me, nothing had yet materialized. My client was serious about promoting her business and really wanted to get her name on the web. As a small business owner, her budget was not very large and while her site was going to be fairly simple, she really wanted someting clean, professional and contemporary.

Enter CMX JumpStarts. After my initial meeting with Caroline, I experimented with a few JS's, and decided that Traverse City woud be the perfect answer. Opening the PNG in Fireworks, I created my own custom banner and navigation icons. When I was happy, I exported out full size jpegs for my client to view. With some tweaking, the design got a green light and I jumped right into development.

The site took less than a month in real time before it went live (that was tonight - woo hoo) but in actual production hours, it took less than a week. Traverse City saved me a lot of time and as a result saved my client a fair chunk of change, too.

There's still work to be done - we're nailing down keywords and she has set up a photo shoot so we can get some current shots of her and what she does on the site. But that's the beauty of a web site; as long as the site appears whole and complete, you can continue to add to it as new content becomes available.

If you have a chance, check out GRIT Conditioning for some Great Results in Training! 

We've finally got the TODCon Vegas 2007 schedule and speaker list up. Check it out. Lots of excellent sessions about the new Adobe products, running your web business, usability, CSS and more. There's still time to register for the best little conference in Vegas! Come play on the strip with the rest of us geeks. You know you wanna... :)