FireworksColdFusionDreamweaverFreehandFlashMXHome
Latest New Content

Latest Free Content
View All
Free Content
Accessibility
CMX Learning Guides
Hosted by enterhost

Articles

All Categories


CMX Masterpiece Photo Collection 12: To Autumn
by Jill Kossin - 20-Nov-09
Reader Level:

Autumn is now in full bloom, and the leaves are sporting their most vibrant colors. Winter will be here in a little over a month, so let's enjoy the gorgeous scenery while we can. This new collection of ten high resolution photos should give you plenty of choices to use in your projects.

Approximate download size: 69MB



Introducing Masterpiece Photo Collection 12: To Autumn Free!
by Sheri German - 20-Nov-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 12: To Autumn, based on the poem by William Blake (November 28, 1757 - August 12, 1827).

This article includes thumbnails of the ten high resolution images you get in the subscriber's CMX Masterpiece Photo article by Jill Kossin.



Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 2 Free!
by Joseph Balderson - 18-Nov-09
Reader Level:

In May 2009, Wrox released a ground-breaking book: Professional Adobe Flex 3, written by Joseph Balderson, Peter Ent, Jun Heider, Todd Prekaski, Tom Sugden, Andrew Trice, David Hassoun and Joe Berkovitz, (ISBN 0470223642). This landmark publication consists over 1400+ pages of Flex reference material, covering a multitude of topics ranging from beginner to advanced, from the fundamentals of the Flash Platform technology ecosystem to the intricacies of the most advanced Flex-related frameworks and server products, in a breadth and depth found nowhere else.

In a Community MX exclusive, the following is an excerpt from Chapter 2: The Flex 3 Ecosystem:

Before diving into the specifics of any technology, it helps to know the terrain. You may have heard terms such as the Flash Player, Flash runtime, Flex, Flex framework, virtual machine, Flash Platform, Flex ecosystem, and various Adobe server products. The previous chapter defined a few aspects of this ensemble of technologies but perhaps not enough for the uninitiated to get a grasp of how they are related. What else is there? And how do they all fit together? This chapter will attempt to categorize and enumerate as many aspects of the ensemble of Adobe and related technologies that we call “the Flex ecosystem” as possible. These technologies are divided into the following categories:

In Part 2 of this excerpt, we will continue our coverage of the Flex and Flash Platform development ecosystem of technologies, with Frameworks and APIs, Data Communications and Servers.

The Flex 3 Ecosystem Series:
Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 1
Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 2





Create Your Own Custom CMX Fireworks Course - Updated Free!
by Jim Babbage - 17-Nov-09
Reader Level:

Since March of 2009, we've added more than 40 Fireworks or Fireworks-related articles to the Community MX content list. Now, as of November 2009, there are over 400! I figured it was about time to yet again update what we have available for my favorite imaging application. This learning guide will group articles into categories, guide you in determining their levels, and help you design your own custom Fireworks course. This article will break down the various FW articles into several areas, from the basics of the Fireworks interface, to creative design and production techniques.



Happy Veteran's Day
by - 11-Nov-09
Reader Level:

Happy Veteran's Day!





The partners of Community MX would like to thank all the members of our armed forces, past and present for their service to our country.

We will be back tomorrow with new content...see you then!





The CMX JumpStart Catalog Update 2009 Free!
by Sheri German - 10-Nov-09
Reader Level:

Our last JumpStart Catalog was published in 2008, and of course we've released quite a few new JumpStarts since then. It's almost 2010(!), so it's definitely time to update and put all our JumpStarts more conveniently at your fingertips.

Hard as it is to believe, it is five years - almost to the day - since we published our first JumpStart, CMX JumpStart Paris, on Oct. 28, 2004. Long live the CMX JumpStart!

This catalog will start out by breaking down the JumpStarts into categories such as fixed-width, fluid, horizontal band, and number of columns. It will then list the special features that can be found in various JumpStarts, such as galleries, widgets, typography enhancements such as sIFR, Flash MP3 players, forms, and many more. Finally, we'll get to the actual catalog of every JumpStart we've published over the last five years. There will be a picture, a list of features, and links to the JumpStart itself, as well as the free article that describes it.



Never Lose Any File Ever Again, SVN Compare!
by Paul Davis - 09-Nov-09
Reader Level:

When working with a repository, you can do a compare on prior versions of a file to see what has changed. It isn't difficult to do and you can check on changes in prior versions pretty quickly.

The SVN Tools Series:
Never Lose Any File Ever Again!
Never Lose Any File Ever Again, SVN Compare!



Introducing CMX JumpStart Black Forest Free!
by Sheri German - 30-Oct-09
Reader Level:

Known for its highlands, scenery, and forests, the Black Forest in Germany is a popular center of tourism. When someone mentions Black Forest to me, however, I always think of the wonderful cake or waltzing by the beautiful Blue Danube. Now I am going to us all something else to think about, too, and that's the latest CMX JumpStart Black Forest.

CMX JumpStart Black Forest is a centered, two-column, fixed layout in the new wider width that many designers are now using. The tabbed navigation uses the popular Sliding Door technique. The header features a logo with the text placed on a circular path, and will make it easy to design an attractive logo for your site. The main content resides in the left column, and a Digg content sharing menu occupies the right column.

The JumpStart includes a main style sheet, an Internet Explorer style sheet, and a Design Time Style Sheet (in case your version of Dreamweaver makes the layout difficult to edit in Design View).

Of course Black Forest meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



Emerging Typography Technologies on the Web
by Sheri German - 29-Oct-09
Reader Level:

Ah, typography and the web - a sore subject, especially for we designers who have our roots in print design. Most of us are sick of Arial, Verdana, and Georgia, and long to use the perfect font to convey the message. Many creative techniques for using custom fonts have emerged over the years, but none of them have been a universal or permanent solution to the problem with web typography.

This article will take you through some of the history of how we've dealt with fonts in web pages. It will also explore how our options are starting to increase with the use of technologies such as @font-face, as well as new services such as Typekit.



Using JSON with ActionScript 3.0
by David Stiller - 27-Oct-09
Reader Level:

Flash developers have been using XML for data exchange for years now. XML is a great choice: it's extendable, easy to format, and in common use practically everywhere. ActionScript 3.0, with its E4X syntax, makes XML even easier to use than ever before. But there's a new kid in town — a lightweight alternative called JSON (JavaScript Object Notation) — that you're likely to run into nowadays when shuttling data between your SWF and server side code. Sadly, Flash Player doesn't feature a native JSON parser, but thanks to a free Adobe class library at Google Code, this omission won't get slow you down. In fact, the ActionScript 3.0 JSON parser is so easy to use, it can easily be covered in a single article.





Introducing Palm Breeze Cafe Free!
by Kim Cavanaugh - 22-Oct-09
Reader Level:

I wear a lot of different hats in my day job. As a member of the Educational Technology Team for Palm Beach County schools—one of the largest public school districts in the U.S.—I do all sorts of things from manage programs to conducting workshops and even doing the occasional web and graphic design work. But the most unusual aspect of my job is that I also get to be a television star.

OK, star might be a bit of a stretch, but I am the co-host of a weekly television show that is filmed in our school district's television studio. Each and every week during the school year we record Palm Breeze Cafe for broadcast to all 165 schools in our district as well as send the show out to local cable viewers.

But as cool as it is to serve our local community this way, from the start we've always published our show online through YouTube and other video sharing sites. This allows us to share with you (for free!) the great things we do on the show and the many ways that computers can be used for learning.



Building Click-and-Rotate Content in Flash - Part 7
by David Stiller - 13-Oct-09
Reader Level:

In one implementation of the QuickTime VR format, known as QTVR Object Movies, the user can click-and-drag an image to seemingly rotate it, as if spinning the real-life object on a lazy Susan. This simulated 3-D interactivity can improve multimedia curb appeal, and makes for a nifty way to showcase merchandise. But it doesn't stop there: the same basic principle can also bring click-and-drag responsiveness to short video sequences and even user input widgets, such as click-and-scrub input fields.

In Part 6, we migrated the ActionScript 2.0 version of our custom Scrubber class to ActionScript 3.0. This required a second class file, ScrubberEvent.as, which introduced a key difference in event dispatching between the two versions of the language. Here in Part 7, we'll conclude the series by investigating another AS3 point of interest (again related to events) — and finally, we'll use the Scrubber class for a bit of audio/visual fun.

The Building Click-and-Rotate Content in Flash Series:
Building Click-and-Rotate Content in Flash - Part 1
Building Click-and-Rotate Content in Flash - Part 2
Building Click-and-Rotate Content in Flash - Part 3
Building Click-and-Rotate Content in Flash - Part 4
Building Click-and-Rotate Content in Flash - Part 5
Building Click-and-Rotate Content in Flash - Part 6
Building Click-and-Rotate Content in Flash - Part 7



Going Mobile with Fireworks - Creating an iPhone Application Wireframe Free!
by Jim Babbage - 01-Oct-09
Reader Level:

In the last three articles in this series, Tom Green and Kim Cavanaugh shed a great deal of light on the conceptual process for creating our iPhone app. We're now at the stage where a wireframe of our concept would be a really good idea, and that's where I come in.

In this article I'll talk about the considerations made for building the wireframe and share some tips and Fireworks features that can help ease the process.

The Going Mobile with Fireworks CS4 Series:
Going Mobile with Fireworks CS4: The iPhone Project
Going Mobile with Fireworks CS4: On Design and Branding for iPhone Apps
Going Mobile with Fireworks CS4: The iPhone Project Comes into Focus
Going Mobile with Fireworks CS4: Creating an iPhone Application Wireframe
Going Mobile with Fireworks CS4: Creating a Branded Application



Going Mobile with Fireworks CS4: The iPhone Project Comes into Focus Free!
by Tom Green - 29-Sep-09
Reader Level:

In this installment the team wrestles with the specific design issues posed by the iPhone.

The Going Mobile with Fireworks CS4 Series:
Going Mobile with Fireworks CS4: The iPhone Project
Going Mobile with Fireworks CS4: On Design and Branding for iPhone Apps
Going Mobile with Fireworks CS4: The iPhone Project Comes into Focus
Going Mobile with Fireworks CS4: Creating an iPhone Application Wireframe
Going Mobile with Fireworks CS4: Creating a Branded Application



Going Mobile with Fireworks CS4: On Design and Branding for iPhone Apps Free!
by Kim Cavanaugh - 24-Sep-09
Reader Level:

I'm taking the plunge along with Tom Green and Jim Babbage for an in-depth look at the world of mobile design, and as luck would have it, we've decided to take on what is likely the most challenging of all mobile devices by starting with the iPhone.

The Going Mobile with Fireworks CS4 Series:
Going Mobile with Fireworks CS4: The iPhone Project
Going Mobile with Fireworks CS4: On Design and Branding for iPhone Apps
Going Mobile with Fireworks CS4: The iPhone Project Comes into Focus
Going Mobile with Fireworks CS4: Creating an iPhone Application Wireframe
Going Mobile with Fireworks CS4: Creating a Branded Application



Going Mobile with Fireworks CS4: The iPhone Project Free!
by Tom Green - 22-Sep-09
Reader Level:

The question is not if you will start designing for mobile devices. It is when you will start. Join Jim Babbage, Kim Cavanaugh and I as we enter the wild, wacky and weird world of designing for mobile devises using Fireworks CS4.

The Going Mobile with Fireworks CS4 Series:
Going Mobile with Fireworks CS4: The iPhone Project
Going Mobile with Fireworks CS4: On Design and Branding for iPhone Apps
Going Mobile with Fireworks CS4: The iPhone Project Comes into Focus
Going Mobile with Fireworks CS4: Creating an iPhone Application Wireframe
Going Mobile with Fireworks CS4: Creating a Branded Application



CMX Masterpiece Photo Collection 11: The Sun Also Rises
by Jill Kossin - 17-Sep-09
Reader Level:

There is nothing more visually moving than a beautiful sunrise or sunset, especially when it takes place in a particularly stunning location. I hope that you can feel almost like "you are there" as you peruse these high resolution images that chronicle the birth and death of a day.



Introducing CMX Masterpiece Photo Collection 11: The Sun Also Rises Free!
by Sheri German - 17-Sep-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 11: The Sun Also Rises based on the book by Ernest Hemingway (1899-1961).

The collection consists of ten high resolution images of sunrises and sunsets in various locations. This article introduces the collection and gives you thumbnail previews of the images contained in the collection published by Jillian Kossin, resident CMX photographer.



PHP Sledgehammer: array_map
by Steven Seiller - 14-Sep-09
Reader Level:

In PHP you have an array of data that you wish to transform with a function. You might be tempted to create a control structure and loop through each value of the array, applying the function as you go. PHP has an easier method for accomplishing this process. It is the sledgehammer known as array_map. I find this function useful, for example, to trim the whitespace from incoming form data.



Observations From an Equestrian Photo Shoot Free!
by Scott Valentine - 10-Sep-09
Reader Level:

Are you looking to expand your photographic horizons? And I don't mean with a 12mm fisheye lens... I mean taking on new challenges. I was recently invited to take pictures at an outdoor equestrian event, which I had never previously done.

I grabbed my camera, took a few moments to think about what I'd need, then proceeded to spend the day learning how little I knew about event photography. I was up at 4am to be on the trail and set up. Read my experience doing something for the first time, and perhaps you'll come out ahead when next you tackle a new challenge!



jQuery Plugins: Input Limiter
by Rob Williams - 08-Sep-09
Reader Level:

While jQuery is a powerful JavaScript toolkit, there are still many things that it just doesn't accomplish right out of the box. Unlike most other solutions though, the jQuery framework is designed to be extensible through user definable plugins. Meaning that almost any time you run into a scenario where jQuery can't natively solve your problem, chances are you'll be able to find a plugin that somebody else has created to take care of things for you!

In this collection of articles, we're going to focus on some of these plugins to see just how easy they are to use and how powerful they can be.

Today's plugin, Input Limiter, is going to help us constrain the amount of information a user can enter into fields on a form while providing real-time feedback.

The jQuery Plugins Series:
jQuery Plugins: Uniform
jQuery Plugins: Image Cube
jQuery Plugins: Input Limiter



JavaScript Slideshow
by Paul Davis - 02-Sep-09
Reader Level:

Creating a JavaScript slideshow is a pretty quick task. With a few lines of JavaScript and some thought on the images, you can have a slideshow ready to go in no time.



Embedding Flash Content, Demystified - Part 9: Using JavaScript Concluded
by David Stiller - 01-Sep-09
Reader Level:

There are numerous ways to embed Flash content in a website, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document. If this strikes a chord with you, then lay your fears to rest. In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

In this final installment, we'll investigate an optional feature called "express install," which facilitates upgrading for users who don't meet your minimum required version of Flash Player. We'll also cover optional parameters for the dynamic approach to SWFObject embedding, introduced in Part 7, and then wrap up the series with a quick look at a free tool that helps you use SWFObject without manually typing any code.

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



So You Want To Be a Tech Writer? Free!
by Steven Seiller - 31-Aug-09
Reader Level:

Are you the type to share knowledge and innovations in technology? Are you the person everyone asks when they want to know how to do something on their computer? Maybe you have found yourself thinking after reading a tutorial, "Hey! I could write this. I know plenty of this stuff." Are you interested in helping others or possibly making some money from your knowledge?

Well, the opportunity to be an author of articles, commentaries, reviews and tutorials abound. You don't already need to be famous to become an author. You don't even need to know everything about the subject on which you write. But there are some things that you need to be in order to receive success as a tech writer. You do need to be accurate, be clear, be instructive, be innovative, be interesting and be curious.



CMX Design Element - Sulphur
by Gordon Mackay - 28-Aug-09
Reader Level:

Hello, and welcome to a new CMX Design Element. It has been a while since we last released one of these, so we hope that this one comes as a pleasant surprise.

This Design Element's code name is Sulphur.

While our previous Design Elements have been loose designs with no particular theme, Sulphur is a design that is focused towards (but not in any way limited to) blog themed sites.

It's designed along the same lines as many modern websites that contain much of the extended page content in an oversized footer section.

Approximate download size: 29MB



Introducing CMX Design Element Sulphur Free!
by Sheri German - 28-Aug-09
Reader Level:

It's been a while, but we hope the wait is worth it - today we have a new Design Element to offer you - CMX Design Element Sulphur, a layout that is intended for, though not really limited to, blogging sites.

If you're a subscriber, be sure to download CMX Design Element Sulphur from Gordon MacKay's article, also published today. If you're not a subscriber, continue with this article to learn about the Design Element concept and to get a peak at what the Sulphur design looks like.



jQuery Plugins: Image Cube
by Rob Williams - 26-Aug-09
Reader Level:

While jQuery is a powerful JavaScript toolkit, there are still many things that it just doesn't accomplish right out of the box. Unlike most other solutions though, the jQuery framework is designed to be extensible through user definable plugins, meaning that almost any time you run into a scenario where jQuery can't natively solve your problem, chances are you'll be able to find a plugin that somebody else has created to take care of things for you!

In this collection of articles, we're going to focus on some of these plugins to see just how easy they are to use and how powerful they can be.

Today we're going to take a look at Image Cube, a quick and easy little plugin to allow you to add some visual flare to sets of images on a page.

The jQuery Plugins Series:
jQuery Plugins: Uniform
jQuery Plugins: Image Cube
jQuery Plugins: Input Limiter



Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 1 Free!
by Joseph Balderson - 25-Aug-09
Reader Level:

In May 2009, Wrox released a ground-breaking book: Professional Adobe Flex 3, written by Joseph Balderson, Peter Ent, Jun Heider, Todd Prekaski, Tom Sugden, Andrew Trice, David Hassoun and Joe Berkovitz, (ISBN 0470223642). This landmark publication consists over 1400+ pages of Flex reference material, covering a multitude of topics ranging from beginner to advanced, from the fundamentals of the Flash Platform technology ecosystem to the intricacies of the most advanced Flex-related frameworks and server products, in a breadth and depth found nowhere else.

In a Community MX exclusive, the following is an excerpt from Chapter 2: The Flex 3 Ecosystem:

Before diving into the specifics of any technology, it helps to know the terrain. You may have heard terms such as the Flash Player, Flash runtime, Flex, Flex framework, virtual machine, Flash Platform, Flex ecosystem, and various Adobe server products. The previous chapter defined a few aspects of this ensemble of technologies but perhaps not enough for the uninitiated to get a grasp of how they are related. What else is there? And how do they all fit together? This chapter will attempt to categorize and enumerate as many aspects of the ensemble of Adobe and related technologies that we call “the Flex ecosystem” as possible. These technologies are divided into the following categories:

In Part 1 of this excerpt, we will cover the history of Flex, followed by an in-depth coverage of the runtimes, languages and development tools associated with Flex development and the Flash Platform.

Professional Adobe Flex 3

The Flex 3 Ecosystem Series:
Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 1
Professional Adobe Flex 3: The Flex 3 Ecosystem - Part 2





Digital Imaging Tools Quick Tips - Part 1
by Scott Valentine - 24-Aug-09
Reader Level:

Let's kick off a set of articles covering some hidden gems in Adobe's digital photography tools: Photoshop, Lightroom, Bridge, Camera Raw. Not all of these will be exclusively for photographers... just mostly. These tasty little tidbits will be coming to you at random, so keep an eye out! After all, a good photographer is always prepared :)

The first of these little morsels looks at workflow tricks, so get your pictures in line and start working these into your routine. You'll be amazed at how much time little bits like this can save!

The Digital Imaging Tools Quick Tips Series:
Digital Imaging Tools Quick Tips - Part 1
Digital Imaging Tools Quick Tips - Part 2



Quickshot: Let Flash Move Your Files
by David Stiller - 21-Aug-09
Reader Level:

Do you ever find yourself tediously moving SWF files from your Flash work folder to your website folder — again and again and again? As it turns out, there's a simple way to avoid this scenario, right in the preferences settings for each FLA file. Let's take a look, and let Flash do the work!



Getting Color Theme Inspiration From Your Local Hardware Store Free!
by Jim Babbage - 20-Aug-09
Reader Level:

There are many excellent online color pickers and color generators, such as Adobe Kuler, or Petr Stanicek's Color Scheme Designer, but I believe it's important that we Web designers get out of our cushie chiars every so often and gain inspiration away from the desktop.

And what better place than the local hardware or paint store? If you cringe at the mere thought of painting a room, fear not! There will be no need to lift a paint brush during this excursion - but a flatbed scanner might be helpful . . .

Example of a final web page mock up, using color chips as the color scheme inspiration.



Professional Adobe Flex 3: Why Flex? Free!
by Joseph Balderson - 20-Aug-09
Reader Level:

In May 2009, Wrox released a ground-breaking book: Professional Adobe Flex 3, written by  Joseph Balderson, Peter Ent, Jun Heider, Todd Prekaski, Tom Sugden, Andrew Trice, David Hassoun and Joe Berkovitz, (ISBN 0470223642). This landmark publication consists over 1400+ pages of Flex reference material, covering a multitude of topics ranging from beginner to advanced, from the fundamentals of the Flash Platform technology ecosystem to the intricacies of the most advanced Flex-related frameworks and server products, in a breadth and depth found nowhere else.

The following article is an excerpt from Chapter 1: Why Flex?:

It seems like nearly every programming book I have ever read starts off with the obligatory “Introduction to [whatever]” chapter, which basically regurgitates the essentials that everyone knows, and hence is the one chapter nearly every reader skips. In this first chapter of the book, I thought we’d start things off with a different approach, one that takes you, the reader, through the reasons that you might want to use Flex, what Flex is for, bursting some myths about Flex and the Flash platform, and, finally, ending up with a “Top 10” of Flex’s strong points. Enjoy!

Adobe Professional Flex 3



Introducing CMX JumpStart: Stelvio Pass - Gallery Free!
by Sheri German - 19-Aug-09
Reader Level:

Let's take a car ride along the highest paved mountain pass in the Eastern Alps, the Stelvio Pass of Italy. Then let's take some great shots along the route and when we get home, place them on a web page in a stunning gallery format, courtesy of the free Adobe Lightbox, to share with our friends and family. Guess what? That's exactly what Adrian Senior did for the the latest JumpStart, CMX JumpStart Stelvio Pass - Gallery.



Increase Contract Bidding Success With Problem Analysis Free!
by Steven Seiller - 18-Aug-09
Reader Level:

I have heard from many developers who have developed bids for client sites only to hear upon submission that the prospect believes the solution to be far too expensive. Has this happened to you? Want to avoid the costly process of developing bids for potential clients who will likely reject them as far too expensive?

By incorporating problem analysis into your needs assessment process you can prevent situations in which your bids will be dismissed outright for their cost. I will show you how to increase the success rate of your bidding process by ensuring the solution you propose provides value for the problem the prospect has to solve.



Rediscovering Microsoft Free!
by Joel Martinez - 14-Aug-09
Reader Level:

When Adobe released Dreamweaver CS4, one of the features conspicuously missing from the feature list was the .NET server model. If you still use the Microsoft stack to develop and host web applications and sites and haven't looked at the latest tools from Microsoft, then this the perfect opportunity to get up to speed on the latest Microsoft tech.

In this article we will learn how to set up your development environment, and also about the latest frameworks that Microsoft has to offer, such as entity framework and asp.net mvc



CMX Masterpiece Photo Collection 10: The People
by Jill Kossin - 13-Aug-09
Reader Level:

Welcome to the newest collection of stock photos that Community MX provides to help you fulfill your print and web project image requirements.

You've asked for it and now it's here - a collection of ten high resolution images that has people as the focus.

Approximate download size: 31MB



Introducing CMX Masterpiece Photo Collection 10: The People Free!
by Sheri German - 13-Aug-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 10: The People, based on the poem by William Butler Yeats (1865-1939). This article includes thumbnails of the ten images in this collection.



Adding Columns to Large Database Tables
by Ray West - 11-Aug-09
Reader Level:

When creating tables for an applications database, most people try to arrange the fields in an order that would make sense to a user reviewing the data right out of the table. The fact of the matter is that a basic principle of relational database design is that physical data storage is unimportant. It does not matter, as a practical point, what order the fields appear in the table definition and it does not matter what order the records are stored in. Properly written SQL queries that avoid the use of the * character to retrieve all fields and that define the order in which you want to retrieve records make it meaningless what physical construction the database uses to store the data.



IE8 - The Good - CSS2.1 Selector Support Free!
by Estelle Weyl - 11-Aug-09
Reader Level:

In the last section we overviewed all the new features of IE8. In this section we take a closer look at all of the CSS2.1 Selectors, and compare IE6, IE7 and IE8 browser support.

The IE8: The Good, The Bad, The Ugly (and Pretty) Series:
IE8: The Good, The Bad, The Ugly (and Pretty)
IE8: The Good - CSS2.1 Selector Support



jQuery Plugins: Uniform
by Rob Williams - 10-Aug-09
Reader Level:

While jQuery is a powerful JavaScript toolkit, there are still many things that it just doesn't accomplish right out of the box. Unlike most other solutions though, the jQuery framework is designed to be extensible through user definable plugins, meaning that almost any time you run into a scenario where jQuery can't natively solve your problem, chances are you'll be able to find a plugin that somebody else has created to take care of things for you!

In this collection of articles, we're going to focus on some of these plugins to see just how easy they are to use and how powerful they can be.

Today we're going to take a look at the Uniform plugin, which allows you to create customized form elements (select boxes, checkboxes and radios) that are not ordinarily customizable through CSS.

The jQuery Plugins Series:
jQuery Plugins: Uniform
jQuery Plugins: Image Cube
jQuery Plugins: Input Limiter



Spikey 3D Ball in Photoshop CS4 Extended Free!
by Scott Valentine - 10-Aug-09
Reader Level:

So, you've probably seen some slick stuff you can do in Photoshop CS4 Extended with 3D objects. You may have seen someone put a car from Google Warehouse into a parking lot (yawn), or even a 3D display case into a store (double yawn). Perhaps you've seen some goofball create a fiery soap bubble entirely in 3D with Photoshop (seriously - who think of these things??).

But now you are going to see the true power of 3D in Photoshop; random junk! Yes, follow along as I show you how to create a spikey blog thing that defies other description (try as I might).

Approximate download size: 6MB



CMX Masterpiece Photo Collection 9: The Butterfly's Day
by - 06-Aug-09
Reader Level:

Welcome to the newest collection of stock photos that CommunityMx provides to help you fulfill your print and web project image requirements.

This collection includes ten high resolution images of a variety of beautiful butterflies.

Approximate download size: 47MB



Introducing Masterpiece Photo Collection 9: The Butterfly's Day Free!
by Sheri German,Jill Kossin - 06-Aug-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 9: The Butterfly's Day, based on the poem by Emily Dickinson (1830-1886). You can read The Butterfly's Day and other butterfly poems that Dickinson wrote at The Classic Reader. It's already August, and before you know it, summer will be behind us, the kids will go back to school, and the momentum towards the big holidays will begin. Let's enjoy our lazy summer days a little while longer. Let's go out to the field and chase the butterflies.



What's Coming in Drupal 7 Free!
by Ray West - 04-Aug-09
Reader Level:

Code Freeze for the 7th version of Drupal has been announced for September 1st and August should see a flurry of activity as the developers try to get as many features as possible into this very popular content management system. Let's take a look at some of the features that are coming in the next release



IE8 - The Good, the Bad, the Ugly (and Pretty) Free!
by Estelle Weyl - 22-Jul-09
Reader Level:

Browsers come out every day. Webkit has a nightly build. Wireless devices come with their own, often unique browsers. Even with the plethora of available browsers, Internet Explorer, a browser that is not regularly updated, still has over 60% of the browser market. IE8 was released only in March 2009, and by July 2009, it already had 17% of the browser market share.

In this article, we take a look at the IE8 browser and provide an overview of what is new and improved in this release.

The IE8: The Good, The Bad, The Ugly (and Pretty) Series:
IE8: The Good, The Bad, The Ugly (and Pretty)
IE8: The Good - CSS2.1 Selector Support



Embedding Flash Content, Demystified - Part 7: Using JavaScript
by David Stiller - 21-Jul-09
Reader Level:

There are numerous ways to embed Flash content in a website, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document. If this strikes a chord with you, then lay your fears to rest. In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

In this installment, we'll take a radical detour from what you've seen to this point. Here in Part 7, you'll be introduced to a JavaScript solution that slings off most of the effort of the traditional HTML approach. This software is called SWFObject. As of this writing, it's already in its second generation and is among the most widely used embedding scripts in the world. It works great, it's free, and it's easy to use. What more could you ask for, right? Let's jump in!

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



Work Flow Tips: Ratings and Labels in Adobe Bridge
by Scott Valentine - 15-Jul-09
Reader Level:

Ever had trouble keeping track of image editing projects? Perhaps you've just shot 4G of pictures, and you need to wade through them to pick the top 10. Then you start editing, and you lose track of what you've finished.

I hate that!

Well, listen up. Using the Star Rating and Labels feature in Adobe Bridge, I'll show you how you can keep track and possibly speed up your work flow! That will give you more time and confidence for editing those masterpieces :)



Cartweaver Admin Hints and Mods Part 4: Creating an Order Report Graph for PHP
by Tom Muck - 13-Jul-09
Reader Level:

Cartweaver is an online shopping cart system available from www.cartweaver.com for PHP, ColdFusion, and ASP. It is intended as an easy-to-use solution for building an online store. It doesn't have all the bells and whistles of some of the more pricey carts available, but with a little coding, many new features can be added.

Part 3 showed how to create a simple order graphical report to the Cartweaver admin for ColdFusion. This part will show the same functionality for the PHP version of Cartweaver.

Note that ColdFusion has built-in graphing capabilities, whereas PHP requires the use of a third-party library. This article uses the JpGraph library for PHP, described in this article by Steven Seiller: JpGraph: PHP Graphs & Charts On-The-Fly. Steven's article explains the graphing process. This article will focus on building the report query. The library is readily available and easily installed locally. It requires the GD Image library to be installed into your PHP installation, compiled on a Linux host or included in your extensions directory in Windows. See Steven's article for more information.

The Cartweaver Admin Hints and Mods Series:
Cartweaver Admin Hints and Mods - Part 1: Creating a Low Stock Warning for PHP
Cartweaver Admin Hints and Mods - Part 2: Creating a Low Stock Warning for ColdFusion
Cartweaver Admin Hints and Mods - Part 3: Creating an Order Report Graph for ColdFusion
Cartweaver Admin Hints and Mods - Part 4: Creating an Order Report Graph for PHP
Cartweaver Admin Hints and Mods - Part 5: Adding Customer Search Parameters for ColdFusion
Cartweaver Admin Hints and Mods - Part 6 Adding Customer Search Parameters for PHP
Cartweaver Admin Hints and Mods - Part 7: Creating and Order Report for Products Using PHP
Cartweaver Admin Hints and Mods - Part 8: Creating an Order Report for Products Using ColdFusion
Cartweaver Admin Hints and Mods - Part 9: Creating a Taxes Collected Report Using PHP
Cartweaver Admin Hints and Mods - Part 10: Creating a Taxes Collected Report Using ColdFusion



Embedding Flash Content, Demystified - Part 6: Common Pitfalls
by David Stiller - 10-Jul-09
Reader Level:

There are numerous ways to embed Flash content in a website, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document. If this strikes a chord with you, then lay your fears to rest. In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

Here in Part 6, we'll examine a number of potential points of failure in regard to embedding SWF files. Fortunately, they're easy enough to avoid (or fix) when you understand them, so keep your chin up! As with almost everything in life, "knowing is half the battle"; only in this case, knowing is typically 98% of the battle.

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



Fireworks CS4 Classroom in a Book Excerpts - Part 4: Advanced Prototyping Free!
by Jim Babbage - 08-Jul-09
Reader Level:

Adobe Fireworks CS4 has quite a few cool features, but if you're completely new to the program - or new to web design, you might be wondering where to start in Fireworks. In the Fireworks CS4 Classroom in a Book, my goal was to introduce the complete novice to Fireworks and by the end of the book, leave them with a wide range of skills and a solid grasp of what Fireworks could - and could not - do.

cover shot of Fireworks Classroom in a Book

In this four part series, you will find PDF excerpts from the book, complete with some of the working files to help you along. Below is a break down of the series.

The excerpts in in this final installment are taken from Lesson 11 in the book. While there are only two excerpts in this final part, they are both very detailed, covering some time saving steps to working with multiple rollovers on the same page and combining basic and more complex rollover effects to imitate a master detail Spry data table.

Fireworks CS4 Classroom in a Book Excerpts Series
Fireworks CS4 Classroom in a Book Excerpts - Part 1: Bitmap and Vector Tools
Fireworks CS4 Classroom in a Book Excerpts - Part 2: Text and Image Optimization
Fireworks CS4 Classroom in a Book Excerpts - Part 3: Workflow
Fireworks CS4 Classroom in a Book Excerpts - Part 4: Advanced Prototyping



CMX Masterpiece Photo Collection 8: Call of the Wild
by Jill Kossin - 07-Jul-09
Reader Level:

Summer has arrived, and it gets unbearably hot here in southern Florida. If you too are sweating in the middle of a heat wave, take a moment to cool off by viewing some images that capture the wild beauty of Alaska.

This collection includes ten high resolution images that were photographed in Alaska.



Introducing Masterpiece Photo Collection 8: Call of the Wild Free!
by Sheri German - 07-Jul-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 8: The Call of the Wild, based on the book by Jack London (1876-1916). You can read Call of the Wild in a free ebook at Project Gutenberg.

We just entered the warm days of summer, and to cool you off, we'll take you to Alaska for a series of stunning photographs of a still wild land.



New From Acrobat.com: Tables Free!
by Kim Cavanaugh - 01-Jul-09
Reader Level:

When Adobe acquired Virtual Ubiquity—the company responsible for the great online word processor Buzzword—there was an awful lot of speculation about where the company would take these technologies and what sort of additional services might be offered. In the two years since the acquisition was announced Buzzword has been rolled into the online sharing platform found at Acrobat.com and the programmers have been hard at work on other applications.

Recently two new services were announced that extend the services of Acrobat.com but that hold to the same principles as the original Buzzword application—focusing on the ability of users to share information and collaborate on documents in a real-time environment. In my previous article on the new features at Acrobat.com Labs we took a look at the new Presentations service that allows you to make slide-show presentations in an on-line environment.

In this article we'll look at the similarly simply-named Tables application service that provides you with a means to share a document that has the most common features that real people use spreadsheets for—the simple organization of information. Both of these software as services applications are in beta testing as this article is being written at Labs.Acrobat.com, but they are slated for a wider release into the Acrobat.com service in the future.



Fireworks CS4 Classroom in a Book Excerpts - Part 3: Workflow Free!
by Jim Babbage - 30-Jun-09
Reader Level:

Adobe Fireworks CS4 has quite a few cool features, but, if you're completely new to the program - or new to web design, you might be wondering where to start in Fireworks. In the Fireworks CS4 Classroom in a Book, my goal was to introduce the complete novice to Fireworks and by the end of the book, leave them with a wide range of skills and a solid grasp of what Fireworks could - and could not - do.

cover shot of Fireworks Classroom in a Book

In this four part series, you will find PDF excerpts from the book, complete with some of the working files to help you along.In this, the third part of the series, you will learn how to create an animation symbol, share a web layer and share a layer to multiple pages.

Approximate download size: 4.2MB

Fireworks CS4 Classroom in a Book Excerpts Series
Fireworks CS4 Classroom in a Book Excerpts - Part 1: Bitmap and Vector Tools
Fireworks CS4 Classroom in a Book Excerpts - Part 2: Text and Image Optimization
Fireworks CS4 Classroom in a Book Excerpts - Part 3: Workflow
Fireworks CS4 Classroom in a Book Excerpts - Part 4: Advanced Prototyping



jQuery Quickshots - Summarizing Form Data: Part 1
by Rob Williams - 30-Jun-09
Reader Level:

jQuery is a great tool for helping to make your JavaScript and AJAX applications easier to develop and maintain. One of the hardest things about it though, is that it introduces so many new and amazing possibilities that aren't always clearly obvious on the surface.

These "quickshot" articles are intended to act as hints, or inspirations, to some of the more creative or unknown problems that jQuery can help you tackle. Today we're going to look at a neat approach to summarizing form data so the user can review it before actually submitting.

The jQuery Summarazing Form Data Series:
jQuery Quickshots - Summarizing Form Data: Part 1
jQuery Quickshots - Summarizing Form Data: Part 2
jQuery Quickshots - Summarizing Form Data: Part 3



Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services
by Darren Winder - 29-Jun-09
Reader Level:

For those of you who are familiar with Illustrator the following are key points of the new Illustrator CS4. Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features; below is a list of features now available in Illustrator CS4. As you will see from the impressive list, this release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services



New From Acrobat.com: Presentations Free!
by Kim Cavanaugh - 24-Jun-09
Reader Level:

When Adobe acquired Virtual Ubiquity—the company responsible for the great online word processor Buzzword—there was a great deal of speculation about where the company would take these technologies and what sort of additional services might be offered. In the two years since the acquisition was announced Buzzword has been rolled into the online sharing platform found at Acrobat.com and the programmers have been hard at work on other applications.

Recently two new services were announced that extend the services of Acrobat.com but that hold to the same principles as the original Buzzword application—focusing on the ability of users to share information and collaborate on documents in a real-time environment. This article will take a look at the first of these new services known simply as Presentations and discuss some of the trends ahead and speculate a bit on where Adobe might ultimately take these services.



QuickShot: Making HTML Tables Sortable Free!
by Ray West - 23-Jun-09
Reader Level:

Sometimes there is just nothing you can do except point in the direction of a great little piece of code.

We have all had it driven into our developer pea-brains that tables are for tabular data and not for layout. Well, if we are all using tables properly for tablular data, then more often than not somebody is going to ask “Can you click the table to sort all of that?” If it is tabular data, then it could probably benefit from some sorting, so your answer needs to be yes.



The Adobe BrowserLab Web Service Free!
by Sheri German - 16-Jun-09
Reader Level:

For my students, the single most daunting aspect of putting together CSS layouts is the inconsistency in how browsers render pages. Many of you may have heard of, or have even used, services such as Browsercam (subscription) or Browsershots (free, but very public) to view your pages in browsers you don't have on your own system. Now Adobe has launched a public beta of its own diagnostic browser service, which it has named Adobe BrowserLab.

In this article you'll find out what you'll need to run BrowserLab, learn more about its features, and watch a sample page go through the BrowserLab paces.



Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
by Darren Winder - 15-Jun-09
Reader Level:

For those of you who are familiar with Illustrator the following are key points of the new Illustrator CS4. Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features; below is a list of features now available in Illustrator CS4. As you will see from the impressive list, this release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services



Appcelerator Entourage - Part 4: Expressions
by Arman Danesh - 12-Jun-09
Reader Level:

In the fourth article on our series about Appcelerator Entourage, we take a look at the basics of Entourage's expressions. Expressions can be used for event handling and applying sophisticated logic-based behaviour to your application and its user interface.

The Appcelerator Entourage Series:
Appcelerator Entourage - Part 1: An Overview
Appcelerator Entourage - Part 2: Getting Started
Appcelerator Entourage - Part 3: The Message Queue
Appcelerator Entourage - Part 4: Expressions
Appcelerator Entourage - Part 5: Expression Conditions



Introducing CMX JumpStart Siberia Free!
by Sheri German - 11-Jun-09
Reader Level:

It's almost summer, so don't make me think. You may have read the book by Steve Krug, a book about web usability, that uses this phrase as its title. If "don't make me think" is your philosophy, then you're going to love the latest JumpStart, CMX JumpStart Siberia. From its completely neutral color scheme that will easily adapt to any color choices you make, to its ready-made inclusion of the Spry Accordion Widget, to its brain dead method for switching from two to three column layouts, Siberia won't make you think, or certainly not much.



Embedding Flash Content, Demystified - Part 4: Optional Parameters Continued
by David Stiller - 10-Jun-09
Reader Level:

There are numerous ways to embed Flash content in a website, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document. If this strikes a chord with you, then lay your fears to rest.

In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

Here in Part 4, we'll explore the remainder of the optional parameters displayed in the HTML tab of the Flash authoring tool's Publish Settings dialog box.

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



The Fireworks Master Page - In Detail
by Jim Babbage - 02-Jun-09
Reader Level:

Ah, the Fireworks Master Page. Misunderstand, perhaps maligned and arguably somewhat limited, but I'm here to change all that. Well the misunderstood part, anyway. We're going to examine the Master Page in detail in this article, so by the time we're done, you will just what you can - and can't - do with it.



Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
by Darren Winder - 01-Jun-09
Reader Level:

Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features; below is a list of features now available in Illustrator CS4. As you will see from the impressive list, this release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services





Embedding Flash Content, Demystified - Part 3: Optional Parameters
by David Stiller - 29-May-09
Reader Level:

There are numerous ways to embed Flash content in a website, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document. If this strikes a chord with you, then lay your fears to rest. In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

Here in Part 3, we'll continue our investigation into the original two-tag ( and ) approach to embedding SWF files. In this article, you'll learn how to control certain aspects of your embedded Flash content with optional HTML parameters, a topic that will span several articles.

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



Introducing Masterpiece Photo Collection 7: Paradise Lost Free!
by Sheri German - 28-May-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 7: Paradise Lost, based on the epic poem by John Milton (1608-1674).

Now you may be wondering what possible connection there could be between Paradise Lost and our latest CMX Masterpiece Photo Collection. After all, the poem deals with the profound themes of man's fall and the dichotomy of good and evil. We are engaging in a little irony here. Our latest images are of paradises on earth, and thus give us a few moments where we feel...Paradise Gained.



CMX Masterpiece Photo Collection 7: Paradise Lost
by Jill Kossin - 28-May-09
Reader Level:

Times are undeniably tough, and many of us feel like we're living in our own "Paradise Lost". This photo collection is an attempt to provide a little bit of escape as it takes us away to tropical island settings and clear, blue sunny skies - paradise gained, so to speak!

This collection includes ten images of islands and beaches at various locations. Each image is high resolution and can be used in a variety of media.

Approximate download size: 44MB



Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
by Darren Winder - 21-May-09
Reader Level:

Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features; below is a list of features now available in Illustrator CS4. As you will see from the impressive list, this release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

  • Gradients – Enhanced
  • Appearance Panel – Enhanced
  • Smart Guide – Enhanced
  • Live Color – Enhanced
  • Clipping Mask – Enhanced
  • Isolation Mode – Enhanced
  • Type on Path – Enhanced
  • Key Alignment – Enhanced
  • File I/O – Enhancements in Tiff
  • Graphic Style Panel – Enhanced
  • Glyph Panel – Enhanced
  • Multiple Artboards – New
  • Blob Brush – New
  • Owl 2.0 – New
  • Bleed Support – New
  • Separations Preview – New
  • Color Blindness Preview – New
  • Create and Update Unique ID’s for assets – New
  • Metrics – Roman Only Kerning – New
  • Text Shuffling Performance – New
  • UI Cleanup – New
  • Creative Suite Services – New
  • Contact Now – New
  • Kuler 2.0 – New
  • Connections – New
  • New Sample Art, Tutorials and Libraries – New



The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services





The Rules of Composition Free!
by Scott Valentine - 12-May-09
Reader Level:

So you take pictures. Do you know what you're looking at? How would you describe what you do and don't like? Even more important, how can you take that information and make *better* pictures? Start here! I'll take you on a tour of how I view composition and rules in photography, and why you need to reconsider what rules really are.



Managing Employee Terminations
by Paul Davis - 08-May-09
Reader Level:

Handling the reduction of a workforce is often difficult for both parties involved. Obviously, the person being let go is in far worse shape. Howver, that doesn't make the other person's task less difficult. Here is a guide on steps to take, depending on the reason for the separation.



Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, the Gradient Panel and the Blob Brush.
by Darren Winder - 04-May-09
Reader Level:

Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features. In this series of articles we will be looking at the new features now available in Illustrator CS4. This release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services



Replace Your PowerPoint Presentations with Cool Iris and Fireworks CS4
by Kim Cavanaugh - 01-May-09
Reader Level:

One of the coolest web applications I've come across in a long time is the terrific CoolIris program "…the plugin that transforms your browser into a lightning fast, cinematic way to enjoy photos and videos from the Web or your desktop." That's a pretty dry definition of what this ground-breaking program does, introducing a 3-dimensional interface that allows you to view photos, videos, and much more in any modern browser.

While the program is touted as a browser plugin the fact is that you can do much more with Cool Iris than simply browse the web for interesting content. The most recent version of the plugin added a new feature that takes things to an entirely different level—the ability to browse your computer and view your images in the 3-D interface that Cool Iris provides. Having seen this I immediately thought that the Cool Iris interface would be a terrific alternative to PowerPoint.

The trick to getting a presentation to view in Cool Iris is simple—you merely need to create images that are named or numbered sequentially so that browsing your "slides" becomes easier. And there's no better way to quickly generate sequential images that I know of than Fireworks.

In fact, by using the Master Pages feature built-in to Fireworks CS4 (and CS3) you can easily create a slide master as you would in PowerPoint, add pages for each slide in your presentation, then export your files using the pages to files feature that Fireworks provides. Using this method you can generate slides nearly as quickly as you can in PowerPoint, use all of the great image and graphics editing tools that come with Fireworks, and then display your presentation in the way cool and completely fresh Cool Iris interface. No more boring PowerPoints!



Introducing CMX JumpStart Isle of Skye Free!
by Sheri German - 30-Apr-09
Reader Level:

National Geographic rated it the fourth best island in the world. It is the second largest island in Scotland, with a coastline strewn with peninsulas and bays. And now, it's a first class design for the latest CMX JumpStart, CMX JumpStart Isle of Skye.

CMX JumpStart Isle of Skye is a centered, fixed-width layout with features that work well for a business site. There is a highlighted style for a promotional paragraph above the two-column main content region. There is an extended area for displaying images that express your business model. A print style sheet includes your business contact information so that it is not lost when a visitor prints out any page of the site. Your logo appears next to the popular accessible Sliding Door tabbed navigation. And best of all, this is one of the easiest JumpStarts to modify! Once you edit the PNG file and export the slices to the defined Dreamweaver site, the changes you'll need to make to the CSS file are minimal.



Embedding Flash Content, Demystified - Part 1: Introduction Free!
by David Stiller - 29-Apr-09
Reader Level:

There are numerous ways to embed Flash content in a web site, from Dreamweaver's Insert > Media menu (for SWF files, Flash Paper, FLV files, and more) to the publishing templates provided by the Flash authoring tool itself. In spite of these varied options — or perhaps because they're so varied — many people lack confidence when it comes to marrying Flash content with an HTML document.

If this strikes a chord with you, then lay your fears to rest. In this series, you'll cut through the complexity, find out what your application's auto-generated embedding code actually means, and learn to avoid a handful of common Flash-related pitfalls.

The Embedding Flash Content Demystified Series:
Embedding Flash Content Demystified - Part 1: Introduction
Embedding Flash Content Demystified - Part 2: The Traditional Approach
Embedding Flash Content Demystified - Part 3: Optional Parameters
Embedding Flash Content Demystified - Part 4: Optional Parameters Continued
Embedding Flash Content Demystified - Part 5: Optional Parameters Concluded
Embedding Flash Content Demystified - Part 6: Common Pitfalls
Embedding Flash Content Demystified - Part 7: Using JavaScript
Embedding Flash Content Demystified - Part 8: Using JavaScript (cont)
Embedding Flash Content Demystified - Part 9: Using JavaScript (concluded)



Introducing Masterpiece Photo Collection 6: The Jungle Book Free!
by Sheri German - 24-Apr-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 6: The Jungle Book, based on the book by Rudyard Kipling (1865-1936). You can read The Jungle Book in a free ebook at Project Gutenberg. Many of you may have read The Jungle Book, or at the very least seen the Disney movie. I remember going to see the movie as a child and being completely fascinated by it. I would even guess that it is my all time favorite Disney movie!



CMX Masterpiece Photo Collection 6: The Jungle Book
by Jill Kossin - 24-Apr-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 6: The Jungle Book, based on the book by Rudyard Kipling (1865-1936).

I've always had pets of all kinds - cats, dogs, guinea pigs, birds, and even a snake. I think most of us are fascinated by animals, both wild and tame. I took the following ten photographs of creatures great and small at safaris, zoos, cruises, "in the wild", and finally, at my home.

Approximate download size: 46MB



Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards Free!
by Darren Winder - 21-Apr-09
Reader Level:

Adobe CS4 has done a great job of enhancing old favorites and introducing long awaited new features. In this series of articles we will be looking at the new features now available in Illustrator CS4. This release of Adobe Illustrator CS4 really does have something for everyone. Long time users, I am sure will be pleased with the results.

The Adobe Illustrator CS4 New and Enhanced Features Series:
Adobe Illustrator CS4 New and Enhanced Features - Part 1: The New Interface - Multiple Artboards
Adobe Illustrator CS4 New and Enhanced Features - Part 2: Gradients, The Gradient Panel and the Blob Brush
Adobe Illustrator CS4 New and Enhanced Features - Part 3: Live Color, Color Guide, Live Color Dialog, Type on Path, Bleed Support
Adobe Illustrator CS4 New and Enhanced Features - Part 4: Preview
Adobe Illustrator CS4 New and Enhanced Features - Part 5: Appearance and Graphic Style
Adobe Illustrator CS4 New and Enhanced Features - Part 6: Isolation Mode & Creative Suite Services



Introducing CMX JumpStart Landeck Free!
by Sheri German - 16-Apr-09
Reader Level:

CMX JumpStart Landeck is a centered, two-column or three-column, 770 pixel liquid and fixed-width layout. The content is constrained for optimal line lengths of text, but the outer divs are flexible and expand to the user's window size. The two tier navigation uses Sliding Door technique for its main navigation. The left column navigation is constructed from an unordered list, which has a generous amount of bottom padding to accommodate a decorative background image. The right column of the three-column version provides space for more content, or, as in our JumpStart, some eye catching images. The header div uses the Fireworks Fade Image (Auto Vector Mask in CS4) command to blend its image into the background color.



Flash CS4: Encoding Video Content Free!
by Tom Green,David Stiller - 15-Apr-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED). We've taken an introductory look at a number of these new features in this series, along with a some features that have been around for quite some time (though relatively underused). Now it's time to round out this excerpt series with a look at the new Adobe Media Encoder, the application Flash CS4 now uses exclusively to encode video content.

Adobe Media Encoder used to be known as the Adobe Flash Video Encoder. The name change is deliberate. Adobe came to the conclusion that the Flash brand name was being attached to a lot of stuff, and there was understandable concern that the brand was becoming diluted. The release of Creative Suite 4 starts the process of Adobe's refocusing of the Flash brand. If you have used Flash to encode video in previous iterations of the application, you will find that things have really changed. Let's take a look.





Going From One to Two - Hiring People Free!
by Paul Davis - 09-Apr-09
Reader Level:

Going from one to two is the hardest business decision, however, now is an excellent time to be expanding your business if you have extra work or you're working more than you can handle.



Appcelerator Entourage - Part 1: An Overview Free!
by Arman Danesh - 06-Apr-09
Reader Level:

This is the first article in an on-going series about building rich internet applications with Appcelerator Entourage. Appcelerator Entourage is a framework combining client-side JavaScript libraries with server-side service brokers to create fully-integrated applications on a variety of server technologies, ranging from PHP to Rails to .Net.

Entourage was previously known as the Appcelerator SDK, but with its upgrade to Version 3 in later March 2009 not only was the name changed to Entourage but some fundamental redesign of the framework took place as well.

The Appcelerator Entourage Series:
Appcelerator Entourage - Part 1: An Overview
Appcelerator Entourage - Part 2: Getting Started
Appcelerator Entourage - Part 3: The Message Queue
Appcelerator Entourage - Part 4: Expressions
Appcelerator Entourage - Part 5: Expression Conditions



Doing Calculations with SQL - Part 1
by Tom Muck - 06-Apr-09
Reader Level:

Many web developers create displays that show calculated results, such as showing a product with taxes or discounts, or a product quantity and total. There are two ways that this can be done -- in your scripting language on the web page (PHP, ColdFusion, C#, or other languages) or in the SQL statement that retrieves the results from the database. It is almost always a better idea to create the calculations in your SQL statement.

This article will show how. Part 1 will focus on SELECT statements, and Part 2 will show UPDATE statements.

The Doing Calculations with SQL Series:
Doing Calculations with SQL - Part 1
Doing Calculations with SQL - Part 2



Introducing CMX Masterpiece Photo Collection 5: Around the World in 80 Days Free!
by Sheri German - 02-Apr-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 5: Around the World in 80 Days, based on the book by Jules Verne (1828-1905).

With the arrival of April, many of us are starting to make plans for summer trips and adventures. This collection of planes, trains, cars, and bikes pretty much covers the various ways you might travel to places near and far.



CMX Masterpiece Photo Collection 5: Around the World in 80 Days
by Jill Kossin - 02-Apr-09
Reader Level:

As the weather gets warmer, many of us start to think about summer vacation. One of the most enjoyable parts of any trip can be how to get from point A to point B. This fifth collection of stock photos is about transportation, some of it slow and some of it fast.

Enjoy this set of planes, trains, automobiles, and bikes!

Approximate download size: 45MB



Using the Bandwidth Profiler - Part 2 Free!
by Tom Green,David Stiller - 30-Mar-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED). We've taken an introductory look at some of these new features already in this series — and there's more to come — but no matter what version of Flash you're using, if your content is distributed via the Internet, the time it takes to download and display is totally dependent on two things: a) the assets included in that content, which are under your control, and b) the flow of network traffic, which is not necessarily under your control. This is your chance to fall in love with the user and not the technology.

When we last touched base, we made the acquaintance of a longtime feature of Flash, the Bandwidth Profiler. In that previous article, you learned that the Bandwidth Profiler allows you to simulate various modem speeds in order to test your content as many of your users will experience it. As we continue in this installation — the second last of our Foundation Flash CS4 for Designers excerpt series — you'll learn how to actually use the information provided by the profiler to structure your content for optimized delivery.

Approximate download size: 2.5MB

The Using The Bandwidth Profiler Series:
Using the Bandwidth Profiler - Part 1
Using the Bandwidth Profiler - Part 2



Self-Documenting Code
by Tom Muck - 25-Mar-09
Reader Level:

As a programmer, it makes sense to create code that is readable by other programmers. If you are on a team, or have people that will need to integrate with or modify your code, the easier it is to read the more efficient the process will be. This article will use examples in PHP, but the concepts apply to any language. The samples are not meant to be run, but just examples of coding styles.



The Demise of Dreamweaver Has Been Greatly Exaggerated Free!
by Kim Cavanaugh - 20-Mar-09
Reader Level:

A recent article by Tom Arah at the PC Pro blog took a provocative stand, to say the least. In the article, I’m sorry but Dreamweaver is dying, Tom lays out an argument that static HTML pages are no longer a viable way to publish to the Web, and with their demise Dreamweaver may very well die right along with it. In its place he sees a place only for content management systems such as Drupal, Joomla, and WordPress. In a follow-on article, A nice chat with Adobe about Dreamweaver, he discusses his conclusions with Devin Fernandez, senior product manager for web products at Adobe. In the end, his opinion remains the same; Dreamweaver and the kind of static HTML it produces is a process that is due to fade away, undone by the rise of dynamic web publishing methods. He even goes so far in his conclusion to the first article to say:

"If you are a Dreamweaver user don’t bother upgrading to the latest version or exploring Adobe’s feeble attempts to graft end user content contribution onto Dreamweaver. Instead save your money and invest your time in getting to grips with the real future of web design: server-based content management systems."

Well. To say that I disagree with Mr. Arah would be a bit of an understatement as well. Let's take a look at some of his central arguments and see where he raises valid points and where his thinking goes off the rails.





Introducing CMX JumpStart Lima Free!
by Sheri German - 13-Mar-09
Reader Level:

Peru's archaeological heritage and great natural beauty make it a popular travel destination for thousands of visitors each year. Most of them visit Lima, Peru's cultural and business center. The latest CMX JumpStart, CMX JumpStart Lima, will also become an artistic center - for designers. With its neutral color scheme, modern design, and elegant simplicity, it will be a JumpStart you can use again and again to almost instantly create a new site.

CMX JumpStart Lima is a centered, two-column, fixed-width layout that makes extensive use of background images to produce its space age design. The left column navigation is constructed from an unordered list. The header div uses the Fireworks Fade Image (Auto Vector Mask in CS4) command to create a subtle blend whose visual appeal makes a great substitute for the navigation buttons in Gordon's original Mercury Design Element.

That's right - if this design looks familiar, it should. Adrian Senior coded it from Gordon Mackay's Design Element Mercury.

Of course Lima meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



Create Your Own Custom CMX Fireworks Course - Updated Free!
by Jim Babbage - 10-Mar-09
Reader Level:

When I first wrote this article back in 2007, there were more than 315 Fireworks or Fireworks-related articles available on Community MX. Now, as of March 2009, there are over 400!

Well, we've seen two new versions of Fireworks arrive since January 2007, and I figured it was about time to update what we have available for my favorite imaging application.

This learning guide will group articles into categories, guide you in determining their levels, and help you design your own custom Fireworks course.



Community MX as a Course Textbook Free!
by Sheri German - 05-Mar-09
Reader Level:

If you are an instructor, you probably spend a lot of time deciding what textbooks to use for classes. You probably get literature from textbook companies, and if you're lucky, get desk copies for free so that you're not spending your own funds to try out books. Still, the perfect textbook seems to be an elusive dream that never materializes. There just are too many problems with books:

  • Books, usually written months in advance of their publication, are always a bit out-of-date.
  • Books never have everything you want and need in order to teach your curriculum.
  • Books are usually one size fits all, and students are always at varying levels of development.
  • Books are usually very expensive, especially in relation to their "shelf-life".
  • Students have different learning styles, and the traditional textbook may not work well for many of them.

I'd always supplemented my class materials with articles from Community MX, but I had never actually used CMX as the textbook for a course. When I was asked to teach the Montgomery College GD218 Graphic Design for the Web class - an online class taught in real time through the Elluminate virtual classroom software - I realized that CMX as textbook would be the perfect solution to what I needed to accomplish.





CMX Masterpiece Photo Collection 4 - A Winter's Tale
by Rob Williams - 03-Mar-09
Reader Level:

This week's stock photo collection takes a bit of a change of pace by focusing on natural winter landscapes. While staying nice and cozy at home in the depths of a snow storm can be comforting, it's amazing how many beautiful scenes and experiences you can miss out on. This selection of photos that I've taken over the last two winters will, I hope, help to bridge that gap (without the need for you to get out in the bitter winter air!)

To read more about the classic literature, A Winter's Tale by William Shakespeare that provides the theme for this collection, read Sheri German's Introducing CMX Masterpiece Photos Collection 4: A Winter's Tale.

Approximate download size: 23.4MB



Introducing Masterpiece Photo Collection 4: A Winter's Tale Free!
by Sheri German - 03-Mar-09
Reader Level:

After the fragrant collection of flowers in our last stock photo collection, it seems a bit retrograde to publish images of winter. This is the season of ricocheting weather, however. Here in the D.C. metropolitan area - after experiencing sunny 60+ degree weather the last couple of days - we're under a winter storm warning with the possibility of sleet, ice pellets, and up to a foot of snow in some locations. And then there are the places that will get snow for many weeks yet to come. CMX Partner Rob Williams lives in Canada near Toronto and loves to go out after a fresh storm and take images before humans and vehicles tarnish the virgin landscape.



The Design Process of a Web Development Team: Part 2--Executing Your Plan
by Kim Cavanaugh - 19-Feb-09
Reader Level:

While many web designers work directly with clients and essentially maintain a one woman (or man) web design company, the great majority of web developers work with other members on a design team.

Working with a team requires that you be organized and have a plan as you go into each project. Everyone on the team needs to understand what the goals of the project are, who is responsible for different phases of the work, and what deadlines need to be met. This often means a different workflow is required than the one that you might use as an independent web designer.

Even though working on a team might present different challenges the process of designing web sites remain the same as they do when you are working alone. In this two part series you will learn how the team design workflow process typically works, and how you can more effectively work in that environment.

The Design Process of a Web Development Team Series:
The Design Process of a Web Development Team - Part 1: Planning
The Design Process of a Web Development Team - Part 2: Executing Your Plan



New in InDesign CS4 - Part 3: Text Improvements
by Steven Seiller - 18-Feb-09
Reader Level:

InDesign CS4, the younger sibling of the more stalwart Photoshop and Illustrator, is a page layout application. Its role in the Adobe Creative Suite is to collate your images, graphics and text on to paper for printing on small or large presses. This is the ideal application for creating brochures, newsletters and even books.

Recent additions of InDesign focused on tighter integration with the rest of the Creative Suite. This sixth iteration sees some maturation in the application's designing tools, long document content management and ability to create interactive documents with Flash.

This part will explore the new features of Conditional Text, Smart Text Reflow and the new GREP Styles features.

The New in InDesign CS4 Series
New in InDesign CS4 - Part 1: Productivity Enhancements
New in InDesign CS4 - Part 2: More Productivity Enhancements
New in InDesign CS4 - Part 3: Text Improvements



A CMX Milestone - 3000 Articles Free!
by Ray West - 18-Feb-09
Reader Level:

Today, Community MX published our 3000th article. I can remember when we celebrated the 250 and 500 milestones and it was almost unbelievable to think we would one day be in the thousands.

For the last 6 years Community MX has published 2 articles every single business day. I am not aware of anyone else that has this much content targeted at the Adobe and web development community. We have been through several versions of Macromedia/Adobe products and revolutions in the ways we use and program for the web.



ActionScript 3.0 Conversion Chronicles - Part 1: An Introduction to AS3 Migration Free!
by Joseph Balderson - 17-Feb-09
Reader Level:

Were you ever confused, frustrated or dismayed by a project where you had to convert from ActionScript 1 or 2 and migrate it up to ActionScript 3.0? Finding the right information, the right tips and the right approach can be challenging when you're under the gun and need a solution, fast. This series will guide you through some simple formulas and techniques to convert and migrate legacy Flash ActionScript 1 and 2 code and techniques to ActionScript 3.0.

In this introductory article, before getting into specific strategies and techniques, we'll take a look at some of the issues you may be facing when tasked with converting a project from AS1 or AS2 to AS3.

The ActionScript 3.0 Conversion Chronicles Series:
ActionScript 3.0 Conversion Chronicles - Part 1: An Introduction to AS3 Migration
ActionScript 3.0 Conversion Chronicles - Part 2: Button Events
ActionScript 3.0 Conversion Chronicles - Part 3: TextFields
ActionScript 3.0 Conversion Chronicles - Part 4: Automation Strategies
ActionScript 3.0 Conversion Chronicles - Part 5: Source Navigation Coming soon
ActionScript 3.0 Conversion Chronicles - Part 6: Button Scripts Coming soon



Introducing CMX Masterpiece Photo Collection 3: A Rose Free!
by Sheri German - 16-Feb-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 3: A Rose, based on a poem by Emily Dickinson (1830 - 1886) called A Rose - A sepal, petal, and a thorn.

It is now mid February and we're all pretty sick of the snow, ice, and cold weather. As sometimes happens in February, we just had a run of extraordinarily mild days with one day climbing to almost 70 degrees here in the Washington, DC metropolitan area. That whets my appetite for the season of the renewal of life.

Spring is coming...and so are the flowers.



CMX Masterpiece Photo Collection 3: The Rose
by Jill Kossin - 16-Feb-09
Reader Level:

As you may recall, our last stock photo collection was based on the fascinating subject of birds. Equally irresistible for most photographers is another nature subject, flowers. In this collection I would like to share with you just a few of the many photos I take each year of flowers.

To read more about the classic literature, A Rose by Emily Dickinson that provides the theme for this collection, read Sheri German's Introducing CMX Masterpiece Photos Collection 3: A Rose article.

Approximate download size: 40MB

The CMX Masterpiece Photo Collection Series:
CMX Masterpiece Photo Collection 1: Two Days Before the Mast
CMX Masterpiece Photo Collection 2: The Birds
CMX Masterpiece Photo Collection 3: The Rose



The Design Process of a Web Development Team - Part 1: Planning Free!
by Kim Cavanaugh - 11-Feb-09
Reader Level:

While many web designers work directly with clients and essentially maintain a one woman (or man) web design company, the great majority of web developers work with other members on a design team.

Working with a team requires that you be organized and have a plan as you go into each project. Everyone on the team needs to understand what the goals of the project are, who is responsible for different phases of the work, and what deadlines need to be met. This often means a different workflow is required than the one that you might use as an independent web designer.

Even though working on a team might present different challenges the process of designing web sites remain the same as they do when you are working alone. In this two part series you will learn how the team design workflow process typically works, and how you can more effectively work in that environment.

The Design Process of a Web Development Team Series:
The Design Process of a Web Development Team - Part 1: Planning
The Design Process of a Web Development Team - Part 2: Executing Your Plan Coming Soon



New in InDesign CS4 - Part 2: More Productivity Enhancements
by Steven Seiller - 05-Feb-09
Reader Level:

InDesign CS4, the younger of its more stalwart siblings Photoshop and Illustrator, is a page layout application. Its role in the Adobe Creative Suite is to collate your images, graphics and text on to paper for printing on small or large presses. This is the ideal application for creating brochures, newsletters and even books. Recent additions of InDesign focused on tighter integration with the rest of the Creative Suite. This sixth iteration sees some maturation in the application's designing tools, long document content management and ability to create interactive documents with Flash.

This part will explore the new CS4 features of Links panel, Spread view rotation and Clearing Guides.

The New in InDesign CS4 Series
New in InDesign CS4 - Part 1: Productivity Enhancements
New in InDesign CS4 - Part 2: More Productivity Enhancements
New in InDesign CS4 - Part 3: Text Improvements



New in InDesign CS4 - Part 1: Productivity Enhancements Free!
by Steven Seiller - 04-Feb-09
Reader Level:

InDesign CS4, the younger of its more stalwart siblings Photoshop and Illustrator, is a page layout application. Its role in the Adobe Creative Suite is to collate your images, graphics and text on to paper for printing on small or large presses. This is the ideal application for creating brochures, newsletters and even books. Recent additions of InDesign focused on tighter integration with the rest of the Creative Suite. This sixth iteration sees some maturation in the application's designing tools, long document content management and ability to create interactive documents with Flash.

This part will explore the new CS4 features of Live Preflight, Smart Guides and the new Data Merge features.

The New in InDesign CS4 Series
New in InDesign CS4 - Part 1: Productivity Enhancements
New in InDesign CS4 - Part 2: More Productivity Enhancements
New in InDesign CS4 - Part 3: Text Improvements



Preparing for the Adobe Certified Associates Exam for Web Design: Part 2
by Kim Cavanaugh - 30-Jan-09
Reader Level:

Adobe Systems developed a new certification program beginning with Dreamweaver 8 that tested students' basic knowledge of the Dreamweaver work environment, the principles of page design, and the workflow methods that most web developers follow to produce a web site. The objective of the Adobe Certified Associate program is to allow students to demonstrate to prospective employers that they have the requisite skills to work as part of a web development team. (The ACA exam should not be confused with the Adobe Certified Expert (ACE) exam that demonstrates mastery of the software.)

To prepare for the exam, Adobe provides a complete listing of the exam objectives as well as free curriculum that instructors can use in their courses to prepare students for the examimation. What they don't provide are practice exams that students can take that are aligned to the course objectives. However, with the practice exam and answer sheet provided with this article you can get a preview of the kinds of questions that will appear on the exam. If you are an instructor you are free to use this exam in your course. If you are a student preparing to take the exam you can use the practice test you'll find here as a self-check on whether you have mastered the material covered in the exam objectives for the course.



Tools of the Trade - Part 1: An Introduction Free!
by Ray West - 29-Jan-09
Reader Level:

I wanted to write a series of articles about the tools of our trade; the trade of computer programmers, and most specifically, of those who program primarily for browser delivery. This will include not only specific tools, but also concepts of which we need to be aware as we interact with clients, contract with customers, program, deploy and deliver the services we provide.



Getting Clients to LOVE You
by Paul Davis - 28-Jan-09
Reader Level:

Certainly, you love paying clients, but how do you get clients to love you? How can you excite your clients so they willingly give you testimonials? Recommendations? References?



Preparing for the Adobe Certified Associates Exam for Web Design: Part 1
by Kim Cavanaugh - 28-Jan-09
Reader Level:

Adobe Systems developed a new certification program beginning with Dreamweaver 8 that tested students' basic knowledge of the Dreamweaver work environment, the principles of page design, and the workflow methods that most web developers follow to produce a web site. The objective of the Adobe Certified Associate program is to allow students to demonstrate to prospective employers that they have the requisite skills to work as part of a web development team. (The ACA exam should not be confused with the Adobe Certified Expert (ACE) exam that demonstrates mastery of the software.)

To prepare for the exam, Adobe provides a complete listing of the exam objectives as well as free curriculum that instructors can use in their courses to prepare students for the examimation. What they don't provide are practice exams that students can take that are aligned to the course objectives. However, with the practice exam and answer sheet provided with this article you can get a preview of the kinds of questions that will appear on the exam. If you are an instructor you are free to use this exam in your course. If you are a student preparing to take the exam you can use the practice test you'll find here as a self-check on whether you have mastered the material covered in the exam objectives for the course.



Appcelerator Titanium: The Open Source Alternative to Adobe AIR? Free!
by Arman Danesh - 23-Jan-09
Reader Level:

Appcelerator Titanium is a new open source platform for building cross-platform desktop applications using standard web technologies: HTML, CSS, JavaScript and Flash. This places it firmly in the same space as Adobe's AIR, where Titanium could emerge as a serious contender.

This article reviews Appcelerator and Appcelerator Titanium, provides an overview of its main features and API and walks through a simple application example to help readers decide for themselves if Titanium might be for them.



Flash CS4: The Motion Editor Panel - Part 2 Free!
by Tom Green,David Stiller - 23-Jan-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED). In this series, we'll be sharing a number of excerpts from this book, in hopes of inspiring you to experiment with the new stuff.

Part 2 of an investigation of the Motion Editor panel, this installment delves into easing and how this feature has changed for new-style motion tweens. The difference comes by way of a series of graphs, rather than the single hot text slider in the Property inspector's version of easing. Let's "ease" on in, shall we?

The Excerpts from Foundation Flash CS4 for Designers Series
Flash CS4: The 3D Rotation Tool
Flash CS4: The 3D Translation Tool
Flash CS4: The Motion Editor Panel - Part 1
Flash CS4: The Motion Editor Panel - Part 2



Introducing Masterpiece Photo Collection 2: The Birds Free!
by Sheri German - 21-Jan-09
Reader Level:

We are excited to introduce the CMX Masterpiece Photo Collection 2: The Birds, themed on a play called, well, The Birds written in 414 BC (yeah, you read that right) by Aristophanes.

Beware: the birds are coming....ten of them in full plumage and full of glorious song.



CMX Masterpiece Photo Collection 2: The Birds
by Jill Kossin - 21-Jan-09
Reader Level:

Most photographers I know are fascinated by birds. With their vast range of sizes, colors, and songs, birds provide an almost infinite palette of visual and aural delight. I hope this collection brings out the ornithologist in you and is useful in any project for which you need images from nature. To read more about the classic literature, The Birds by Aristophanes, that provides the theme for this collection, read Sheri German's CMX Masterpiece Photos Collection 2: The Birds article.

Approximate download size: 39MB

The CMX Masterpiece Photo Collection Series:
CMX Masterpiece Photo Collection 1: Two Days Before the Mast
CMX Masterpiece Photo Collection 2: The Birds
CMX Masterpiece Photo Collection 3: The Rose



Client Cheat Sheets for Writing Web Site Content (Article Only - No Cheat Sheets) Free!
by Steven Seiller - 20-Jan-09
Reader Level:

I've noticed when designing web sites for businesses that the typical business person tends to assume that the web developer will write the web site content for them. After all, you as the web designer are the one who makes this stuff appear on screen. Right? And you are left thinking, "Well, someone has to write this. It is not my web site."

So who creates the site content (text, photos, illustrations, captions and other media?) If you are to have your clients create their site content, you will likely need to help them. To facilitate broader client learning, I compiled the most significant requirements and tips into a cheat sheet. I also created two worksheets for clients to use for the purpose of focusing the content creation for the site and each page.

This article does not include the cheat sheet and worksheets. If you would like the worksheets and cheat sheet, please check out this article.



Client Cheat Sheets for Writing Web Site Content (Includes Cheat Sheet & Worksheets)
by Steven Seiller - 20-Jan-09
Reader Level:

I've noticed when designing web sites for businesses that the typical business person tends to assume that the web developer will write the web site content for them. After all, you as the web designer are the one who makes this stuff appear on screen. Right? And you are left thinking, "Well, someone has to write this. It is not my web site."

So who creates the site content (text, photos, illustrations, captions and other media?) If you are to have your clients create their site content, you will likely need to help them. To facilitate broader client learning, I compiled the most significant requirements and tips into a cheat sheet. I also created two worksheets for clients to use for the purpose of focusing the content creation for the site and each page.



Flash CS4: The Motion Editor Panel - Part 1 Free!
by Tom Green,David Stiller - 19-Jan-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED). In this series, we'll be sharing a number of excerpts from this book, in hopes of inspiring you to experiment with the new stuff.

Flash animators will notice a significant change with the sort of tweening that used to be called a motion tween. In Flash CS4, motion tweens are now called classic tweens, and the new motion tween is largely managed by something called the Motion Editor panel. The authors suspect there will be a surge of interest in the new-style motion tweens — and there's good reason for that, as you'll see. People will begin to ask, "Which approach is better?" We'll be compelled to reply with the only legitimate answer there is: the best approach depends entirely on whatever works best for the project at hand.

The Excerpts from Foundation Flash CS4 for Designers Series
Flash CS4: The 3D Rotation Tool
Flash CS4: The 3D Translation Tool
Flash CS4: The Motion Editor Panel - Part 1
Flash CS4: The Motion Editor Panel - Part 2



Estimating Your Work
by Paul Davis - 15-Jan-09
Reader Level:

Putting together an estimate, painful? Here are some tips on how to cover the estimating to contract process.



Using Subqueries
by Tom Muck - 15-Jan-09
Reader Level:

Most database systems support the use of subqueries. If you have never used them, don't know what they are, or are confused by joins, then this article is for you. I'll be using the Northwind sample database that is readily available for SQL Server and Access, and available as a download for MySQL from my site.



Flash CS4: The 3D Translation Tool Free!
by Tom Green,David Stiller - 14-Jan-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED).

In this series, we'll be sharing a number of excerpts from this book, in hopes of inspiring you to experiment with the new stuff.

Picking up from where we left off, let's continue with the 3D tools. In this article, we'll briefly cover the 3D Translation tool and demonstrate its usefulness. But first, let's take a quick detour to understand something called a "vanishing point."

The Excerpts from Foundation Flash CS4 for Designers Series
Flash CS4: The 3D Rotation Tool
Flash CS4: The 3D Translation Tool
Flash CS4: The Motion Editor Panel - Part 1
Flash CS4: The Motion Editor Panel - Part 2



The New .tel Domain: A New Trend in Top-Level Domains?
by Arman Danesh - 13-Jan-09
Reader Level:

The .tel top-level domain is a new domain coming online in early 2009. It offers a look at innovative applications with the use of DNS for more than just translating host names to IP addresses.

The .tel domain looks to leverage DNS to become a global contact information directory service based on Web 2.0 principles. This may signal a trend towards other innovative applications of the age-old DNS technology. This article provides an overview of the .tel domain and how it works.



Adobe Illustrator CS3 for Absolute Beginners - Part 5B: Panels Overview
by Darren Winder - 13-Jan-09
Reader Level:

Welcome to Adobe Illustrator CS3 for Absolute Beginners Series. This is not a tutorial, but a guided tour of the workings and descriptions of Illustrator CS3. I hope you will enjoy this brilliant software as much as I do. Learning about this software will not be an overnight event, it takes time and patience to master this wonderful creative software. It will bring frustration and headache but also joy and elation; stick with it, the end product will be well worth it.

The Adobe Illustrator CS3 For Absolute Beginners Series:
Adobe Illustrator CS3 for Absolute Beginners - Part 1: Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 2: The Tools Panel
Adobe Illustrator CS3 for Absolute Beginners - Part 3: Overview of the Work Area
Adobe Illustrator CS3 for Absolute Beginners - Part 4: Using Panels
Adobe Illustrator CS3 for Absolute Beginners - Part 5A: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5B: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5C: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5D: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5E: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5F: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 6: Creating New Documents
Adobe Illustrator CS3 for Absolute Beginners - Part 7: Basic Color



Introducing CMX JumpStart: The New Forest Free!
by Sheri German - 08-Jan-09
Reader Level:

Where can you stay in a five-star hotel or bed-and-breakfast, experience all kinds of wildlife, visit gardens and museums, go biking, and even get married? How about England's newest National Park The New Forest, where there is, it seems, something for everyone? There is also something for everyone in the latest CMX JumpStart, CMX JumpStart: The New Forest.

CMX JumpStart The New Forest is a centered, two-column or three-column, 770 pixel liquid and fixed-width layout. The content is constrained for optimal line lengths of text, but the outer divs are flexible and expand to the user's window size. The two tier navigation uses the infamous Sliding Door technique for its main navigation. The left column navigation is constructed from an unordered list, which has a generous amount of bottom padding to accommodate a decorative background image. The right column of the three-column version provides space for more content, or, as in our JumpStart, an eye catching image. The header div uses the Fireworks Fade Image (Auto Vector Mask in CS4) command to create a blend of images that has great visual appeal.

Of course The New Forest meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



Flash CS4: The 3D Rotation Tool Free!
by Tom Green,David Stiller - 07-Jan-09
Reader Level:

As Tom Green mentioned in his end-of-2008 video "A Quick Tour of the Flash CS4 Interface," the latest version of Flash introduces a handful of eye-popping new tools. These are covered in detail in our latest collaborative effort, Foundation Flash CS4 for Designers (ISBN: 1430210931, by Tom Green and David Stiller, published by friends of ED).

In this series, we'll be sharing a number of excerpts from this book, in hopes of inspiring you to experiment with the new stuff.

Let's start with the 3D tools. In terms of visual cool factor, the 3D Rotation tool is sure to please. This tool allows you to quickly and intuitively rotate a movieclip in 3D space. In previous versions of Flash, this was possible only with shapes, and even that technique required a bit of careful nudging with the Free Transform tool. You simply couldn't do this with a symbol. Now you can, and that means you can perform perspective transforms on complex artwork, imported photos, and yes, even video. Kind of makes the corners of the mouth go up, doesn't it?

The Excerpts from Foundation Flash CS4 for Designers Series
Flash CS4: The 3D Rotation Tool
Flash CS4: The 3D Translation Tool
Flash CS4: The Motion Editor Panel - Part 1
Flash CS4: The Motion Editor Panel - Part 2



CMX Masterpiece Photo Collection 1: Two Days Before the Mast Free!
by Jill Kossin - 23-Dec-08
Reader Level:

We hope you read Sheri German's article that introduces the concept behind our new CMX stock photo feature. You can read about my equipment and experience, and even learn a little classical literature as a side bonus! Without further ado, we introduce Collection 1, Two Years Before the Mast, ten high resolution images of boats from locations all over the Western Hemisphere.

Approximate download size: 41.5MB

The CMX Masterpiece Photo Collection Series:
CMX Masterpiece Photo Collection 1: Two Days Before the Mast
CMX Masterpiece Photo Collection 2: The Birds
CMX Masterpiece Photo Collection 3: The Rose



Introducing the CMX Stock Photo Feature: Masterpiece Photos Free!
by Sheri German - 23-Dec-08
Reader Level:

It is that "most wonderful time of year", and CMX loves to offer gifts to its subscribers, as well as the web development community at large. While exchanging ideas, we decided it was time to add a much needed feature to Community MX's growing repertoire of subscriber services. We had been wanting to offer stock photos for quite some time, but were waiting for just the right photographer. We found her in Jillian Kossin, a photographer who travels all over the world to get her masterpiece images. It is with great pride that we introduce CMX Masterpiece Photos Collection 1: Two Years Before the Mast, a group of ten images based on boats, trawlers, sailboats, and ships.



Semantic XHTML - Part 9: The Image Element
by Estelle Weyl - 12-Dec-08
Reader Level:

By writing semantic, valid XHTML, the code that you create for your web site will work not only cross browser, but cross device. In part 8 you were introduced to empty elements. In this section we discuss another empty element: the inline IMG or image element. Learn when to use and when not to use the image element, and learn all about the image element's attributes.

The Semantic XHTML Series:
Semantic XHTML - Part 1: The Required Elements
Semantic XHTML - Part 2: Elements Within the Element
Semantic XHTML - Part 3: Common Block Level Elements
Semantic XHTML - Part 4: List Elements
Semantic XHTML - Part 5: Table Elements
Semantic XHTML - Part 6: Inline Elements
Semantic XHTML - Part 7: The Phrase Elements
Semantic XHTML - Part 8: Empty Elements
Semantic XHTML - Part 9: The Image Element
Semantic XHTML - Part 10: Image Maps
Semantic XHTML - Part 11: The Object Element
Semantic XHTML - Part 12: The FORM Element
Semantic XHTML - Part 13: The INPUT Element
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements
Semantic XHTML - Part 15: Drop Down Menus
Semantic XHTML - Part 16: Organizing Forms
Semantic XHTML - Part 17: Non-Semantic Elements
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT
Semantic XHTML - Table of XHTML Elements



Semantic XHTML - Part 7: The Phrase Elements
by Estelle Weyl - 03-Dec-08
Reader Level:

By writing semantic, valid XHTML, the code that you create for your website will work not only cross browser, but cross device. In this article we learn about the less comon inline elements. We cover the semantic meaning, default browser presentation, and children and parents of each element.

The Semantic XHTML Series:
Semantic XHTML - Part 1: The Required Elements
Semantic XHTML - Part 2: Elements Within the Element
Semantic XHTML - Part 3: Common Block Level Elements
Semantic XHTML - Part 4: List Elements
Semantic XHTML - Part 5: Table Elements
Semantic XHTML - Part 6: Inline Elements
Semantic XHTML - Part 7: The Phrase Elements
Semantic XHTML - Part 8: Empty Elements
Semantic XHTML - Part 9: The Image Element
Semantic XHTML - Part 10: Image Maps
Semantic XHTML - Part 11: The Object Element
Semantic XHTML - Part 12: The FORM Element
Semantic XHTML - Part 13: The INPUT Element
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements
Semantic XHTML - Part 15: Drop Down Menus
Semantic XHTML - Part 16: Organizing Forms
Semantic XHTML - Part 17: Non-Semantic Elements
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT
Semantic XHTML - Table of XHTML Elements



HTML/CSS Crash Primer Free!
by Tom Muck - 02-Dec-08
Reader Level:

This article is intended as a re-introduction to HTML and CSS, and something I have used in the past to give to any new employees who may have had HTML experience, but exhibited some bad habits in actual coding. You may think HTML is simple and you may think you know all you need to know, but HTML is misused daily. Following are some basics to help correct some of the common problems.



Adobe Illustrator CS3 for Absolute Beginners - Part 3: Overview of The Work Area Free!
by Darren Winder - 01-Dec-08
Reader Level:

Welcome to Adobe Illustrator CS3 for Absolute Beginners Series. This is not a tutorial, but a guided tour of the workings and descriptions of Illustrator CS3. I hope you will enjoy this brilliant software as much as I do. Learning about this software will not be an overnight event, it takes time and patience to master this wonderful, creative software. It will bring frustration and headache, but also joy and elation. Stick with it, the end product will be well worth it.

The Adobe Illustrator CS3 For Absolute Beginners Series:
Adobe Illustrator CS3 for Absolute Beginners - Part 1: Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 2: The Tools Panel
Adobe Illustrator CS3 for Absolute Beginners - Part 3: Overview of the Work Area
Adobe Illustrator CS3 for Absolute Beginners - Part 4: Using Panels
Adobe Illustrator CS3 for Absolute Beginners - Part 5A: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5B: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5C: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5D: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5E: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 5F: Panels Overview
Adobe Illustrator CS3 for Absolute Beginners - Part 6: Creating New Documents
Adobe Illustrator CS3 for Absolute Beginners - Part 7: Basic Color



Happy Thanksgiving!
by - 28-Nov-08
Reader Level:

Happy Thanksgiving!

The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. Don't despair, we will be back on Monday with two fresh new pieces of content. :-)

Enjoy your holiday, and we'll see you on Monday!





Happy Thanksgiving!
by - 27-Nov-08
Reader Level:

Happy Thanksgiving!

The partners of Community MX would like to wish all of our readers a safe and joyous Thanksgiving!

So that our partners can enjoy the holiday with their families and friends, we will not be releasing new content Thursday or Friday. Don't despair, we will be back on Monday with two fresh new pieces of content. :-)

Enjoy your holiday, and we'll see you on Monday!





Introducing CMX JumpStart Nairobi Free!
by Sheri German - 26-Nov-08
Reader Level:

Nairobi is the capital and largest city in Kenya. The latest U.S. election put focus on Kenya as the President-Elect, Barack Obama, had a Kenyan father. Nairobi is now one of the most important cities in Africa, and we think that the latest CMX JumpStart, CMX JumpStart Nairobi, will become one of your most important JumpStarts as well. Why? Because Nairobi is all about features and flexibility.



Designing Interfaces in Fireworks CS4 Free!
by Jim Babbage - 25-Nov-08
Reader Level:

If you've been reading any of the Fireworks CS4 articles here at CMX, you can see that the application has had some pretty cool new features added to it. That said, however, CS4 is not just about new features. If you're new to the software, learning the basics is equally, if not more, important. In my book Adobe Fireworks CS4 How-To's, my goal was to explain the software in easy to digest techniques. This PDF excerpt from my book - Chapter 12 - covers 10 techniques for designing interfaces using Fireworks, including two new features: Exporting an AIR Prototype and Exporting a CSS-based layout.



Expose Right—Taking the Strange Out of Dynamic Range Free!
by Knut Kubenz - 25-Nov-08
Reader Level:

You may have heard along the way in your digital photography travels, terms such as Dynamic Range and how when you expose your image you should Expose Right. The purpose of these terms, and they’re specific use in digital photography, might still be a bit of a mystery to you. Hopefully this article will expose them for what they are and shed a little more light on the subject.



Flash Troubleshooter Chronicles - Part 2
by David Stiller - 20-Nov-08
Reader Level:

When it comes to Flash, one of my programming mentors has helped me significantly with troubleshooting — with making things work when, against all expectation, they simply don't work. In this series, I'd like to explore a single theme — troubleshooting — from a variety of angles, sharing with you what my mentor has shared with me. Along the way, we'll turn up a few quirks involved in working with Flash, but more importantly, we'll review how to approach arriving at useful workarounds, regardless what the issue is.

Here in Part 2, we'll scratch our heads collectively over a common issue involving ActionScript 2.0 and audio.

The Flash Troubleshooter Chronicles Series:
Flash Troubleshooter Chronicles - Part 1
Flash Troubleshooter Chronicles - Part 2
Flash Troubleshooter Chronicles - Part 3
Flash Troubleshooter Chronicles - Part 4



Creating a Formatted Unique ID in PHP
by Tom Muck - 19-Nov-08
Reader Level:

There are often times that you need a unique id in an application, but don't want to use an auto-incrementing integer. If an application is well designed and secure, an auto-incrementing number is usually fine, but to be on the safe side a unique identifier other than an integer is better as an id. For example, a customer number is a good use of a unique identifier, or an order number.



Semantic XHTML - Part 5: Table Elements
by Estelle Weyl - 13-Nov-08
Reader Level:

By writing semantic, valid XHTML, the code that you create for your web site will work not only cross browser, but cross device.

In this article we learn about tables and the elements that make up a table. We cover the semantic meaning, default browser presentation, and children and parents of each element.

The Semantic XHTML Series:
Semantic XHTML - Part 1: The Required Elements
Semantic XHTML - Part 2: Elements Within the Element
Semantic XHTML - Part 3: Common Block Level Elements
Semantic XHTML - Part 4: List Elements
Semantic XHTML - Part 5: Table Elements
Semantic XHTML - Part 6: Inline Elements
Semantic XHTML - Part 7: The Phrase Elements
Semantic XHTML - Part 8: Empty Elements
Semantic XHTML - Part 9: The Image Element
Semantic XHTML - Part 10: Image Maps
Semantic XHTML - Part 11: The Object Element
Semantic XHTML - Part 12: The FORM Element
Semantic XHTML - Part 13: The INPUT Element
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements
Semantic XHTML - Part 15: Drop Down Menus
Semantic XHTML - Part 16: Organizing Forms
Semantic XHTML - Part 17: Non-Semantic Elements
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT
Semantic XHTML - Table of XHTML Elements



Gray Cards Forever
by Knut Kubenz - 10-Nov-08
Reader Level:

They've been around for over half a century. They have no moving parts. They have no electronics and they'll never crash your system, yet they're a fantastic tool for determining correct exposure and color balance. What am I talking about you wonder? Why it's the humble, unsung hero of the photography world—the gray card.

Gray cards have been used in traditional photography for things such as landscapes, portraiture, commercial and industrial photography. They work just as well, and perhaps even easier, in the digital age.



Photoshop CS4 New Features - Clone Stamp Free!
by Scott Valentine - 07-Nov-08
Reader Level:

Need to manipulate campaign photos? Want to drum up some sympathy for your favorite cause or movement? Well, you've come to the right place. The new clone stamp features in Photoshop CS4 Extended may just be cool enough to get some positive light for once. The public at large will be more than happy to suspend belief while looking at your masterful clone jobs!



It's Goodbye and Good Riddance to .style1 in Dreamweaver CS4 Free!
by Kim Cavanaugh - 07-Nov-08
Reader Level:

If you've been fooling around with web pages as long as I have, you've seen a real revolution when it comes to the methods that are used for styling pages. From the early abandonment of frame-based sites, to the more prevalent reliance on CSS-positioning versus table-based layouts that we see, these days there has been a constant change in the world of web site design.

Perhaps the last, really nasty throwback to earlier times was the way that Dreamweaver wrote styling information for text when the Properties inspector was used. Beginning in Dreamweaver MX, Macromedia moved away from the use of font tags (Yeah!) for styling text and moved towards a method that used CSS. But the truly ugly means they used to do this was to create, by default, numbered class rules named .style into the head of the document. Every time you styled text, even just a little, a new .style rule was created. Within minutes of the release of Dreamweaver the Web was awash in thousands of .style1's, .style2's, .style3's and so forth.



Blank Pages in PHP Free!
by Tom Muck - 06-Nov-08
Reader Level:

If you are a PHP developer, you are likely familiar with the blank page -- an error page with no error message. PHP has some default settings that prevent any error messages from appearing when you install PHP and do not adjust the error display settings. This article will show how to show your error messages.



Quick Shot - Saving Money Through Your Business Free!
by Paul Davis - 04-Nov-08
Reader Level:

You need to find a way to save on taxes for your business

The author is not a tax lawyer or tax accountant, take all advise to your tax lawyer and tax accountant to verify your business is eligible to use these fringe benefits. This article is written based only upon USA federal tax laws



Browser Support: What should I test? Free!
by Estelle Weyl - 31-Oct-08
Reader Level:

Do you really need to test all browsers? Is it even possible? Are you still testing in Netscape 4.7 or IE 5? Which browsers are you supposed to test? Which can you ignore? Which browsers need to render your page pixel perfect, and which browsers should render the page, but if they break, you're willing to live with that? What do you need to know about browser support?



Four Contract Clauses You Never See Free!
by Kim Cavanaugh - 24-Oct-08
Reader Level:

If you've spent any time working in a creative field, you've probably already experienced the thrilling moment when you sign a contract with a client. Finally! After all your hard work and all the time you've spent learning how to translate your ideas into something tangible, you've found someone who actually wants to pay you for your work! This is heady stuff, no matter if you're creating movies, music, web pages, print campaigns, or just about anything that requires you and your team to think through how something should be and then follow that up with the creation of your ideas. Cool!

And hey, of course you need a contract to take care of the mundane aspects of a project. You know, laying out your payment terms, a delivery schedule, and the expectations of both parties to the contract.

Thing is, apparently when you're working in the creative field there are a great number of unspoken clauses in your contract that will absolutely give you fits. What are those unspoken expectations that your client will have? Read on for more!



Photoshop CS4 - Spring-Loaded Tools
by Scott Valentine - 23-Oct-08
Reader Level:

BOING!!! Come check out one of the neatest UI enhancements in Photoshop CS4!



What's New In Flash Player 10? Free!
by Joseph Balderson - 23-Oct-08
Reader Level:

On October 15th, 2008, Adobe Systems unveiled the much anticipated Flash Player 10 to the world, to the great delight of Flash designers and developers everywhere. This new version of the Flash Player is so jam-packed with cool new stuff that you'd have to check out a dozen websites and blogs just to get the full story on all the amazingness bundled into this release.

Or you can read this summary right here, where we'll cover the nitty gritty of all the new features enabled in Flash Player 10 and what it means for both Flash designers and developers.





Introducing CMX JumpStart Tokyo Free!
by Sheri German - 16-Oct-08
Reader Level:

Want a JumpStart where you need to modify only two graphics AND you can choose a two or three column version that you turn on with the flick of one class? Then welcome to CMX JumpStart Tokyo!

Tokyo is a centered, two-column or three-column, 770 pixel fixed-width layout that has many appealing design features. The left column navigation is constructed from an unordered list, and it is easy to add as many links as you need. The right column of the three-column version has a series of pods that can be used for "teaser text" with thumbnail images.



Semantic XHTML - Part 3: Common Block Level Elements
by Estelle Weyl - 13-Oct-08
Reader Level:

By writing semantic, valid XHTML, the code that you create for your web site will work not only cross browser, but cross device. The web page that works in your Firefox Browser on your Windows XP computer can work in a cell phone's browser, on TV via PlayStation, and even in a braille reader. In Part 3, we take a look at the most common block level elements. Everyone uses div, p, and headers, but not everyone uses them correctly.

The Semantic XHTML Series:
Semantic XHTML - Part 1: The Required Elements
Semantic XHTML - Part 2: Elements Within the Element
Semantic XHTML - Part 3: Common Block Level Elements
Semantic XHTML - Part 4: List Elements
Semantic XHTML - Part 5: Table Elements
Semantic XHTML - Part 6: Inline Elements
Semantic XHTML - Part 7: The Phrase Elements
Semantic XHTML - Part 8: Empty Elements
Semantic XHTML - Part 9: The Image Element
Semantic XHTML - Part 10: Image Maps
Semantic XHTML - Part 11: The Object Element
Semantic XHTML - Part 12: The FORM Element
Semantic XHTML - Part 13: The INPUT Element
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements
Semantic XHTML - Part 15: Drop Down Menus
Semantic XHTML - Part 16: Organizing Forms
Semantic XHTML - Part 17: Non-Semantic Elements
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT
Semantic XHTML - Table of XHTML Elements



Creating SQL Server Logins for a Web Site
by Tom Muck - 08-Oct-08
Reader Level:

SQL Server is a popular database to use for your web site, especially since the Express version has been released, allowing the power of SQL Server to be used for free, making it a much more viable solution than some of the other free databases out there, like MySQL. With the added power comes added danger -- SQL Server is frequently targeted by hackers. My article on preventing SQL injection attacks mentioned database login security briefly. In this article, I will expand on how to actually create users for your web site.



jQuery's Spotlight - Microsoft and Nokia Get Onboard Free!
by Rob Williams - 06-Oct-08
Reader Level:

If you've been sitting on the fence about which JavaScript library is going to be the most valuable to you in the long run, the scales have just tipped quite heavily. In this article we're going to look at why jQuery is proving itself to be one of the most widely adopted and influential JavaScript libraries and how even some of the big players like Microsoft and Nokia are accepting it as one of the key technologies of the next generation of the web.



Adobe Media Encoder CS4
by Tom Green - 06-Oct-08
Reader Level:

Adobe deep-sixes the Flash Video Encoder and replaces it with a snazzy Media Encoder.



Photoshop CS4 New Features - Content Aware Scaling Free!
by Scott Valentine - 03-Oct-08
Reader Level:

Cropping is for sissies. Get you some manly scaling with Photoshop CS4's new Content Aware Scaling!



Semantic XHTML - Part 2: Elements Within the Element
by Estelle Weyl - 01-Oct-08
Reader Level:

By writing semantic, valid XHTML, the code that you create for your web site will work not only cross browser, but cross device. The web page that works in your Firefox Browser on your Windows XP computer can work in a cell phone's browser, on TV via PlayStation, and even in a braille reader.

To write semantic code, you need to understand what every element means. This series covers all the HTML elements. Part II of the series covers the elements found in the <head> of the document, including <meta>, <title>, <link>, <script>, <base> and <style>.

The Semantic XHTML Series:
Semantic XHTML - Part 1: The Required Elements
Semantic XHTML - Part 2: Elements Within the Element
Semantic XHTML - Part 3: Common Block Level Elements
Semantic XHTML - Part 4: List Elements
Semantic XHTML - Part 5: Table Elements
Semantic XHTML - Part 6: Inline Elements
Semantic XHTML - Part 7: The Phrase Elements
Semantic XHTML - Part 8: Empty Elements
Semantic XHTML - Part 9: The Image Element
Semantic XHTML - Part 10: Image Maps
Semantic XHTML - Part 11: The Object Element
Semantic XHTML - Part 12: The FORM Element
Semantic XHTML - Part 13: The INPUT Element
Semantic XHTML - Part 14: TEXTAREA and BUTTON Elements
Semantic XHTML - Part 15: Drop Down Menus
Semantic XHTML - Part 16: Organizing Forms
Semantic XHTML - Part 17: Non-Semantic Elements
Semantic XHTML - Part 18: INS, DEL & NOSCRIPT
Semantic XHTML - Table of XHTML Elements



Evaluating Script Assist's Usefulness
by David Stiller - 30-Sep-08
Reader Level:

The concept of Script Assist has existed in many versions of the Flash authoring tool and has evolved over the years. Prior to Adobe's acquisition of Macromedia, Flash MX developers encountered a similar feature in an Actions panel preference setting for "Normal Mode" versus "Expert Mode." Nowadays, that feature is called Script Assist, which you can think of as a built-in form of on-the-job training that can potentially expand your overall understanding of the ActionScript 3.0 API. Just be advised, Script Assist can also be a very tedious tool, so its usefulness will largely depend on your personal learning preferences. This feature temporarily sets the Actions panel's script pane as read-only and provides an alternative approach to adding, removing, and editing code.

This article takes you on a brief trip that shows Script Assist in action. The journey should help you evaluate if this feature can actually help you in your daily work, or if you'd rather skip it and try your hand at writing ActionScript without assistance. While aimed at a Flash beginner, this article does move at a fairly brisk pace. Remember, this isn't an ActionScript tutorial, but rather a demonstration of how Script Assist works.



Calculating Embed Dimensions with Fireworks
by Kim Cavanaugh - 25-Sep-08
Reader Level:

These days it's quite common to use one of the free and freely available web services that exist to create content for a web site, blog, or just about any other online publishing format you can dream of. And, in many cases, those way cool new methods for sharing ideas, videos, images, audio and photos comes in the form of a block of embeddable code that allows you to share what you've created as a Flash movie by simply copying and pasting into document. These new services make it incredibly easy to do some amazing things—from capturing your screen and adding voice annotations using the Jing Project, to brainstorming using Bubbl.us, to exporting PowerPoint slides with the ability for viewers to insert their own voice comments using VoiceThread—all of these services and many, many more ultimately rely on the Flash Player for displaying content in the browser. These are the services that are putting the "Oh, cool!" into Web 2.0.

In most cases these services are dead simple to use, and even easier to embed into a web page. But, as with most things, there can be a little catch when it comes time to embed your code into a page. In all cases the width and height of the Flash movie is determined by the service, and while you can certainly change those parameters there is one issue that needs to be resolved—maintaining the correct proportions to what you embed. This is where Fireworks can perform an invaluable service when you want to get things just right. By using a simple trick you can be sure that the modifications you make to the embed code always comes out with the correct aspect ratio so your new creation fits your page layout and still gives you the best display possible when seen by your viewers.

Read on to learn how to do this simply and easily without having to pull the old calculator out of the drawer.



A Quick Tour of the Flash CS4 Interface Free!
by Tom Green - 24-Sep-08
Reader Level:

Flash CS4 sports a rather sleek new look, a few new tools and a somewhat familiar-looking Motion Editor.



Font Rendering in the New Fireworks
by Kim Cavanaugh - 19-Sep-08
Reader Level:

There are so many improvements that can be seen in the pre-release beta of Fireworks that it might be easy to miss one of the most requested—and long overdue—improvements that will be seen when the next version of Fireworks is officially released. No, I'm not talking about the very cool and useful new features such as CSS exporting, rapid prototype previews, or even the awesome new additions to the Library. Nope, in this case the change is something much simpler and yet more profound, and in fact may be the one single reason you consider upgrading your version of Fireworks when it becomes commercially available.

That's right, we're talking about the program's ability to produce text in such a way that the colors are rich and vibrant, and change that has been sorely needed in Fireworks for a long time, and something that we old hands with the program say "Hallelujah!" to in a big way.



Lensbaby 3G Free!
by Scott Valentine - 12-Sep-08
Reader Level:

Put away your fancy autotelezoomincappuccino lenses, and forget letting the camera do your dirty work. Get your hands in shape and calibrate the exposure meter in your eye; we're going to bend it with the Lensbaby 3G!



Flash CS3: What Happened to the WebServiceConnector Component? Free!
by David Stiller - 11-Sep-08
Reader Level:

Based on the title of this article, you might get the impression that the WebServiceConnection component has disappeared in Flash CS3 — that you can't consume Web services at all after Flash 8 — and that isn't actually true. If you're programming in ActionScript 2.0, you can go right on using any of the data components listed in the Components panel, including the one for web services. The issue described in this article hinges on the way Flash CS3 responds to the version of ActionScript you're using. As soon as you configure a FLA file's publish settings for ActionScript 3.0, the Components panel actually changes the items it displays, causing the data components to vanish. So it's ultimately ActionScript 3.0 that makes a challenge out of using Web services in conjunction with Flash.

The overall number of components in Flash has been reduced for ActionScript 3.0 FLA files. The data components, as mentioned, have been removed completely and now belong to the Flex framework. A handful of user interface (UI) components, such as Accordion, Tree, and Window, are also absent. Again, these components are still available for ActionScript 2.0 documents, but if you want to program in ActionScript 3.0 — which is only possible as of Flash CS3 — you'll need a workaround.

This article, adapted from an excerpt of The ActionScript 3.0 Quick Reference Guide, gives you exactly that, thanks to a free third-party component. This reference book is slated for October, 2008, published by O'Reilly, and written by Community MX partner David Stiller, as well as Rich Shupe, Jen deHaan, and Darren Richardson.



How AS3 Helps You Program with Purpose Free!
by David Stiller - 03-Sep-08
Reader Level:

ActionScript has historically been a very forgiving language. In some ways, you can draw a comparison between older versions of ActionScript and older versions of HTML. In the early days of web development, HTML was deceptively unfussy. Styling was handled with straightforward <font> tags, which all too often became a redundant jumble. Closing </p> tags were optional, nested tags could be closed out of sequence from how they were opened, and dozens of other lenient practices led — or had the tendency to lead — to overtime headaches.

Popular websites like The Web Standards Project and CSS Zen Garden have since sparked a surge of interest in a practice called semantic markup, in which great care is taken to cleanly separate styling and formatting from content. This separation usually relies on XHTML specifications, which are considerably stricter than HTML, and coupled with Cascading Style Sheets (CSS). Ironic as it may seem, adherence to a stricter standard has gradually made things easier for Web developers. It's a bit like the idea that picking up after yourself throughout the day saves you from facing an overwhelming mess at the end of the week. ActionScript 3.0 is more disciplined than its predecessors in a similarly helpful way.

This article, adapted from an excerpt of The ActionScript 3.0 Quick Reference Guide (ISBN: 0596517351), discusses how the complexities of ActionScript 3.0 can actually be a good thing, because they encourage developers to think about code organzation as they program. This quick answer guide is slated for October, 2008, published by O'Reilly, and is written by Community MX partner David Stiller, as well as Rich Shupe, Jen deHaan, and Darren Richardson.



The Complete JumpStart Catalog 2008 Update Free!
by Sheri German - 02-Sep-08
Reader Level:

You asked for it, and it's finally here: a massive update to the CMX JumpStart Complete Catalog. This catalog starts off with a rundown of all the types and features of our inventory of JumpStarts. It then lists each JumpStart in the order we released it, including a summary of its main features, along with an image to help you better visualize it. Each itemized JumpStart also includes links to both its subscriber article, as well as the free introductory article.



Generate Cash with Amazon Associates
by Tom Muck - 28-Aug-08
Reader Level:

I'm sure you have seen the links on web sites -- links on book covers, CDs, downloadable music, and other items. If you do not already have an Amazon Associates account, you probably don't realize that the site owners who display these links are getting a percentage of all sales that are finalized after clicking the link. Amazon.com has offered referral fees for years, but many web sites still do not take advantage of them.



Conducting a Group Photo Walk Free!
by Scott Valentine - 27-Aug-08
Reader Level:

Want an excuse to get out and take more pictures? Would a little peer pressure help? Of course it will!! And what better way to coax yourself into getting out there than organizing a photo walk?



Introducing CMX JumpStart Prague Free!
by Sheri German - 07-Aug-08
Reader Level:

It's that time again! CMX is proud to introduce our latest JumpStart design, CMX JumpStart Prague. CMX JumpStart: Prague is a two-column, centered, 770 pixel fixed-width layout that features rounded corners. Multiple wrappers, used in conjunction with faux column technique, maintain the integrity of the structure even upon text resize. Additionally, the JumpStart provides an attractive example of overlapping areas within a design. This JumpStart filters styles for various versions of Internet Explorer, and includes a separate style sheet to address navigation issues found in IE 5.01. Of course Prague meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



Ditching the Chipmunks: Choosing the Right Sample Rate for Flash Audio
by David Stiller - 04-Aug-08
Reader Level:

Flash is a terrific Web audio medium for a number of reasons. Most importantly, Flash Player is one of the most popular browser plug-ins in the world. It works on Windows, Mac, Linux, and even other operating systems, and it works fairly consistently across the board. In addition to that, Flash is capable of loading audio files dynamically. This makes it a popular choice for podcasters, who like to speak their mind, upload an MP3 file, and go. In fact, there are a number of Flash-based MP3 players specifically made for podcasters, such as the PodPress plugin for WordPress.

But an interesting bug happens for certain listeners, and it isn't always easy to pin down. Some listeners hear — are you ready for this? — chipmunks. Not the chirping of actual animals, but a too-speedy distortion of the actual recording. Think Alvin and the Chipmunks. Thanks to a change in the way Flash Player 9 handles external audio files, this issue doesn't come up as often as it used to on the forums, but if it happens to you ... now you'll know how to fix it.



Creating an Address Format Function in SQL Server
by Tom Muck - 28-Jul-08
Reader Level:

Most web applications that have forms for user input need an address form for collecting address information from the user. Addresses can be in many formats, but you have to be able to allow the user to enter one or more lines of an address. When displaying the information, however, you might not want to show the blank lines. This article will show a SQL Server function to format one or more address lines.



Customizing a WordPress Blog - Part 1: Editing Header Images Free!
by Kim Cavanaugh - 18-Jul-08
Reader Level:

There's little doubt that the fine, free, open source blogging package available from WordPress has enjoyed astounding success. With downloads of well over 50 million, the PHP, MySQL, and Apache powered WordPress package is currently the world's most popular blogging package and is in use by literally millions of designers and developers (and do-it-yourselfers) around the world.

The goal of this series of articles is to show you how to take what is already an awesome package—including an almost limitless supply of free design themes—and customize the look and feel of a WordPress site to meet your goals. Through this series you'll be learning how to use some of the design tools from Adobe, such as Fireworks and Dreamweaver, as well as free open source browser plugins to modify the design of a WordPress installation.

In this first article of the series we'll take a look at some of the basics of using WordPress as well as how to modify the header image in a few available WordPress themes. In future articles we'll take a look at how to examine and modify the CSS that powers the layout and appearance of all WordPress blogs so you can create a truly one-of-a-kind design. Let's get started!

The Customizing a WordPress Blog Series:
Customizing a WordPress Blog - Part 1: Editing Header Images
Customizing a WordPress Blog - Part 2: Examining WordPress Themes with the Firebug Extension for FF
Customizing a WordPress Blog - Part 3: Examining WordPress Themes with the Web Developer's Extension
Customizing a WordPress Blog - Part 4: Creating a Testing Environment Using MAMP and Dreamweaver
Customizing a WordPress Blog - Part 5: Editing WordPress Themes in Dreamweaver CS4
Customizing a WordPress Blog - Part 6: Using the Snapshot Technique for Editing WordPress Themes
Customizing a WordPress Blog - Part 7: Editing the Themes with Fireworks CS4



Five Simple Guidelines to Improve Your Coding
by Rob Williams - 16-Jul-08
Reader Level:

One of the largest problems with web coding today is the lack of proper coding techniques and practices. The web is fairly unique in that most developers have come from various backgrounds and learned based by example and demand rather than through formal training, and so the lessons and best practices that traditional coders developed years ago (after many headaches!) are largely unknown by online coders. Today we're going to take a few minutes to run through some of the very simple but extremely important practices that will help to make your code much easier to work with both now and in the future.



Designing the Moment Free!
by Robert Hoekman Jr - 16-Jul-08
Reader Level:

A good user experience is all about good moments. Each moment has the potential to increase a user’s confidence or destroy trust for a product or company, and each one is an important piece of the complete user experience.

In Designing the Moment, Robert Hoekman, Jr., author of the Amazon bestseller Designing the Obvious, presents over 30 stories of design solutions from real projects that show the evolution of each design as it was crafted and reveal the principles and concepts used to arrive at the solutions. Designing the Moment shows us how to look critically at design decisions to ensure that our users can walk away from our software feeling productive, respected, and smart, from the first impression to the last.

Robert Hoekman, Jr., is an interaction designer, writer, presenter, and user-experience evangelist, and the founder of Miskeeto (www.miskeeto.com), a product development and web design consultancy focused on socially conscious projects that improve the world.

He is the author of the Amazon bestseller Designing the Obvious (www.rhjr.net/dto) (New Riders), which focuses on seven guiding principles of great web-based software, and Designing the Moment (www.rhjr.net/dtm) (New Riders), a collection of stories from real projects that show how to put web design principles into action. Learn more about Robert through his blog at www.rhjr.net.




Setting Up a Scheduled Task in ColdFusion
by Tom Muck - 15-Jul-08
Reader Level:

ColdFusion has a mechanism in the ColdFusion admin to set up a scheduled task. These scheduled tasks are ColdFusion pages that you want to run on a schedule -- daily, weekly, hourly, every Monday at 1pm, or on any other schedule of your choosing. The task can be any ColdFusion page. This article will show how to set up a scheduled task through the ColdFusion administrator.



Experimenting in Photoshop - Part 1 Free!
by Scott Valentine - 14-Jul-08
Reader Level:

You seriously don't want to read this article. It's got no pictures, and has some touchy-feely stuff about Photoshop and how to use it. You won't get any shortcuts or actions, and there's not one word about HDR or painting with light.

What it's got is some very esoteric nonsense about experimenting with your favorite pixel pusher. You probably won't enjoy learning about how to make Photoshop an extension of your creativity, nor would you want any insights that will speed up your work.

Nope. I wouldn't bother, if I were you. I'm sure you'll do just fine following the crowds.

Heh...

The Experimenting in Photoshop Series:
Experimenting in Photoshop - Part 1
Experimenting in Photoshop - Part 2: Basic Filter Fun



Building Web Sites With Drupal - Part 1: Introduction Free!
by Ray West - 08-Jul-08
Reader Level:

There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.

Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.

The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme



Happy 4th of July!
by - 04-Jul-08
Reader Level:

Have a Safe and Happy 4th of July!

Everyone at Community MX wishes to thank the brave men and women of the Armed Forces, and remember those who have lost their lives defending liberty.

To allow all of our partners to enjoy the holiday with their families, CMX will not be releasing content on Friday, July 4th. We will be back on Monday, July 7th, with two brand new pieces of content.

Enjoy your holiday!





Adding a JDBC Driver to ColdFusion
by Tom Muck - 03-Jul-08
Reader Level:

ColdFusion ships with JDBC drivers for most of the major databases, however, all JDBC drivers are not created equal. There are good ones and bad ones, and some of the newer drivers will improve performance and stability. In addition, some of the drivers that ship with various versions of ColdFusion have known problems (MySQL comes to mind). Also, there are databases that are not listed in the standard ColdFusion install that you may want to connect to. This article will show the simple process for adding a new driver to the ColdFusion server.



Project Management for Individuals - Part 2: Scheduling
by Scott Valentine - 02-Jul-08
Reader Level:

Where does the time go? I have no earthly idea where it goes, but if you want to know how you spent, you need to use a schedule. There is more to scheduling than simply trying to guess at and budget time. But that's where this article starts - guessing. It's what we do with those guesses that makes the difference.

If you find yourself wondering just how long it takes to complete a project, or if you need to get better control over your time expenditures, then this article is for you! Even if you don't, have a read, anyway. You may pick up a tip or two!

The Project Management for Individuals Series:

Project Management for Individuals - Part 1
Project Management for Individuals - Part 2: Scheduling



Adobe's Move to Online Services - Part 2: kuler, JamJar, and More Free!
by Kim Cavanaugh - 02-Jul-08
Reader Level:

In the last few months Adobe Systems has made some rather remarkable shifts in how they envision their products being used, and how they see the next generation of web and multi-media authors working together. In the first article of this series we explored the the new tools provided by the free Acrobat.com service and saw how Adobe has added the capability to edit documents online and share them with others, as well as conduct video-conferencing through a light version of Acrobat Connect. With these new online services you can collaborate, share, and even teleconference with your colleagues no matter where they are as Adobe moves beyond the desktop and into the world where the web is as much about working with others as it is just showing them things.

In this article we'll examine some of the other services that Adobe is offering—those that are built around the idea of sharing and working online with others as well as taking a quick peek at Adobe's new online service for editing images. And as usual there will be a bit of speculation about where Adobe might be taking these tools in the future. Some of these services are offered only as beta products and may never see the light of day in "production" mode. Others may find their way into existing products as feature-added services, or be launched as entirely new products all their own. What's fascinating about all of these is the move that we see as Adobe goes beyond the desktop and adds new online services that are more than just a means to be creative, but provide online applications that allow others to share and network in some pretty interesting ways.

The Adobe's Move to Online Services Series:
Adobe's Move to Online Services - Part 1: Acrobat.com
Adobe's Move to Online Services - Part 2: kuler, JamJar, and More



Switching to a Mac Free!
by Ray West - 27-Jun-08
Reader Level:

I recently switched to a MacBook Pro as my main laptop. My whole office is Microsoft based and all of the computers at work are Windows. I was concerned at first about how I would communicate and interface with our network and the software that we used and write. I have found over the past few weeks that alternatives are available for just about everything I need, often better and cheaper (or free!). And there are even answers for the few things I need that only run in Windows. I thought a list of what I have done might help those that are considering making such a move.



Using Kuler and Flickr to Create a Color Theme
by Jim Babbage - 24-Jun-08
Reader Level:

A while back I talked about a feature in Adobe kuler that lets you generate a color theme from an uploaded photograph. Well, the kuler development team has just added another new feature which ties in nicely with this. You can now surf flickr.com to find a photo you like, and generate your color theme from that image. In this article, we'll look at the process for doing this.

First, head over to Adobe kuler and sign in. If you have not yet created an Adobe ID, now's a good time. It's free and gives you access to many services on Adobe's site, such as acrobat.com, Adobe Exchange, user forums, software trials etc . . .



Introducing CMX JumpStart: The Lake District Free!
by Sheri German - 20-Jun-08
Reader Level:

The Lake District in rural North West England is famous for its gorgeous scenery — and, of course, lakes. It is also associated with the poetry of William Wordsworth and the Lake Poets. It is to that region that we travel for our latest JumpStart design, CMX JumpStart The Lake District.

CMX JumpStart: The Lake District features an accessible split level navigation system. The main navigation is a series of tabs that uses the Sliding Door method as described by Douglas Bowman. The sub navigation is an unordered list based system, and has rounded corners, as well as a decorative background image on the bottom that is reminiscent of CMX JumpStart North Pole. Both navigation systems provide clear "you are here" page markers. The design is a two column layout fixed at 750px wide and utilizes subtle gradients on various page areas.

The color scheme of this layout was selected to make sure that the eye goes to the subject matter rather than the design. Thus, The Lake District is composed of black, gray, and white to help the images pop.



Adobe's Move to Online Services - Part 1: Acrobat.com Free!
by Kim Cavanaugh - 19-Jun-08
Reader Level:

In the last few months Adobe Systems has made some rather remarkable shifts in how they envision their products being used, and how they see the next generation of web and multi-media authors working together. In this article you’ll learn a bit more about where Adobe is heading in the world of web-enabled services, and a fair dose of speculation on where this might all be leading as you see a review of the new tools provided by the free Acrobat.com service. With these new online services you can collaborate, share, and even teleconference with your colleagues no matter where they are as Adobe moves beyond the desktop and into the world where the web is as much about working with others as it is just showing them things.

The Adobe's Move to Online Services Series:
Adobe's Move to Online Services - Part 1: Acrobat.com
Adobe's Move to Online Services - Part 2: kuler, JamJar, and More



Mobile Internet Devices - Part 2: Browser Evolution
by Rob Williams - 17-Jun-08
Reader Level:

The "mobile web" has rapidly become one of the most important and rapidly evolving markets; yet most developers are still unaware of just how much as changed on the mobile front recently or what to expect in the future. Today we're going to take a look at the evolution that is occuring in web browsers for mobile devices and try go get a glimpse of how mobile browsing is changing as well as some of the new concepts that we, as web developers, need to start to think about more and more.

The Mobile Internet Devices Series:
Mobile Internet Devices - Part 1: An Introduction
Mobile Internet Devices - Part 2: Browser Evolution



Business Billing
by Paul Davis - 16-Jun-08
Reader Level:

As an entrepreneur, do you struggle with how to handle the non-billable hours you seem to stack up each week? Wouldn't it be nice to get paid for those too? In this article I'll discuss some ways to work non-billable hours on to the invoices you send out...



Things I Learned at TODCon Free!
by Ray West - 13-Jun-08
Reader Level:

I should probably call this "Things I Started to Learn at TODCon" because I am still trying to come to terms with some of the cool things I saw and learned this year. I organize this conference, and so for me it is mostly work time, making sure everyone's rooms were booked right and George's wireless is working. But even with all that I always manage to pick up some really cool knowledge.



Your Free Marketing Spy: Google Alerts Free!
by Steven Seiller - 11-Jun-08
Reader Level:

How would you like to know when your competitor is mentioned in the news? Or when someone mentions your competitor on a blog? How would you like to know when someone mentions your business — whether good or bad? Need to keep up on industry developments and issues? If so, then you need a personal intelligence agent.

A personal intelligence agent is a computerized service which acts on your behalf to find and notify you of information important to you. Google makes this service available to you for free with a feature called Google Alerts. Instead of repeatedly performing Google searches to see if there is new content of interest, Google Alerts automatically emails you when it finds new content which matches your search query. With Google working as your free marketing spy, you can easily track Internet postings about you, your competitors or industry developments.



Wish You Were Here!
by - 06-Jun-08
Reader Level:

The many partners of Community MX that are attending TODCon wish you were all here with us!! Have a great weekend everyone!



Mobile Internet Devices - Part 1: An Introduction Free!
by Rob Williams - 05-Jun-08
Reader Level:

We've all heard of "the mobile web, at least in some general context. What most developers haven't become aware of though is just how much that idea of mobile internet is changing, and how we, as website developers and maintainers, need to start changing our paradigms about developing for "devices".

Today we'll take a look at the traditional mobile web, some of the changes that have/are taking place, and some of the ways that we can keep ahead of the curve as web developers.

The Mobile Internet Devices Series:
Mobile Internet Devices - Part 1: An Introduction
Mobile Internet Devices - Part 2: Browser Evolution



Best Practices for Creating Custom Web Site Search Function - Part 1 Free!
by Steven Seiller - 04-Jun-08
Reader Level:

Having shared my disdain for ineffective web site search functions, I decided to put forth a list of best practices for creating custom web site search functions. This list will focus on the non-technical aspects of designing and implementing a custom search function for your web site.

If you have a custom content database, you will most likely need to create your custom site search function. Search engines like Google make it easy to add their search technology to standard, page-oriented sites. Blog and CMS-based sites have search built in to their systems. This leaves sites with products or specialized content with the need for a custom site search function.

If you have an ecommerce site or just a product catalog, standard page content searching will most likely not meet the particular search needs of your visitors who need functional methods to sift through your catalog. Sites with specialized content, such as events or downloads, have similar needs for functional database search. By functional, I mean the ability to filter or sort results. Standard page content search generally does not allow one to show only results within a certain category nor organize them by date or price. For this, you need to create your own custom site search function.



Dreamweaver CS4 Public Beta: Subversion Integration Free!
by Tom Muck - 03-Jun-08
Reader Level:

Dreamweaver is 10 years old, and Dreamweaver 10 (CS4) has been released as a public beta. Among the many new features is the integration with the Subversion source control and version control system. This has been a much requested feature over the years. With 10 releases in 10 years, it is hard to get major features into a program—the limited time spent on development and testing between releases leaves little room for transformations in functionality, but this is one good step towards turning Dreamweaver into a valid and productive coding environment.



Exploring the New Paths Panel in Fireworks CS4 Public Beta Free!
by Kim Cavanaugh - 30-May-08
Reader Level:

Fireworks has always been a unique tool in the pantheon of image editors. With its ability to work with both vector and bitmap images Fireworks stood alone as the one image editing software product that could combine pixel-level editing and effects with the ability to manipulate shapes by changing the basic properties of the vector paths that defined those shapes.

At least that has always been the promise, but in reality the vector tools that Fireworks has always included were fairly basic, and had never received an overhaul throughout the many revisions and new versions of Fireworks that were released over the years. If you learned how to modify paths in Fireworks 4 you had a pretty good handle on how it was done in Fireworks MX and MX2004, in Fireworks 8, and finally in Fireworks CS3. Basic, simple path operations were available in all of those versions and little changed over the years.

With the impending release the Fireworks public beta all that is about to change as Adobe has added a terrific new bundle of path operation tools into a new panel, cleverly called the Path panel. Finally! No more trips over to Illustrator or even Freehand when you need to perform more complex and creative path operations. As you'll see in this sneak peak from the Fireworks public beta, the changes are quite profound.



Dreamweaver CS4 Public Beta: The Coding Improvements Free!
by Paul Davis - 30-May-08
Reader Level:

Like Sheri has been walking you through the features of the new Dreamweaver CS4 beta, I would like to show you some of the features that make me very happy! Since I do a lot of coding work, most of what impresses me is in the source code view. Let's dive right in to it!



Dreamweaver CS4 Public Beta: What's New? - Part 3 Free!
by Sheri German - 29-May-08
Reader Level:

By now you have probably downloaded the public beta of Dreamweaver Beta. I hope you have been playing with some of the new and/or modified features that I have been showing you in this series. Yesterday we explored Related Files and the Code Navigator, and today we will back up a bit and look at the new Dreamweaver Beta interface and workspaces. \

The Dreamweaver CS4 Public Beta Series:
Dreamweaver CS4 Public Beta: What's New? - Part 1
Dreamweaver CS4 Public Beta: What's New? - Part 2
Dreamweaver CS4 Public Beta: What's New? - Part 3



Dreamweaver CS4 Public Beta: What's New? - Part 2 Free!
by Sheri German - 28-May-08
Reader Level:

If you haven't already, head over to Adobe Labs and download the public beta of Dreamweaver CS4. Yesterday we explored some of the new CSS features, and today we will look at the Related Files and Code Navigator features, especially as they relate to CSS programming.

The Dreamweaver CS4 Public Beta Series:
Dreamweaver CS4 Public Beta: What's New? - Part 1
Dreamweaver CS4 Public Beta: What's New? - Part 2
Dreamweaver CS4 Public Beta: What's New? - Part 3



Dreamweaver CS4 Public Beta: What's New? - Part 1 Free!
by Sheri German - 27-May-08
Reader Level:

It's here - the public beta of Adobe Dreamweaver CS4 is available for immediate download at Adobe Labs. This week Community MX will help you sort out the major new features of the upcoming version of the best web authoring tool on the planet. Today you'll get a sneak peek at some of the new CSS tools and features.

The Dreamweaver CS4 Public Beta Series:
Dreamweaver CS4 Public Beta: What's New? - Part 1
Dreamweaver CS4 Public Beta: What's New? - Part 2
Dreamweaver CS4 Public Beta: What's New? - Part 3



Project Management for Individuals - Part 1 Free!
by Scott Valentine - 21-May-08
Reader Level:

Perhaps you are the kind of person that always gets everything done, on time and under budget. You can leave, now, because you probably already know about project management and apply it to every aspect of your life. It's likely that organizational tools have no place in your well-ordered life. You probably comb your spaghetti, too.

Others of us have spent years wondering how to estimate time and cost properly for bids and contracts, or just give up and charge a flat fee, hoping that we'll guess right more often than not. And some of us use a combination of techniques, gleaned from years of doing similar tasks over and over.

Here are some tips and tricks to using project management tools to help those of us who do not think in Gantt charts or wall paper our bathrooms in full-color value stream maps. And, with careful reading, maybe even the spaghetti combers will get something out of it, too. Keep in mind that the approaches I describe here do not follow rigid methods. Instead, I am presenting a way to do things that I've found helpful. Caveat emptor :)

The Project Management for Individuals Series:

Project Management for Individuals - Part 1
Project Management for Individuals - Part 2: Scheduling



Dreamweaver CS3 Code View
by Paul Davis - 20-May-08
Reader Level:

The code view in Dreamweaver comes with its own tool bar on the left hand side. This tool bar contains some handy tools that makes working in the source code more efficient. Let's examine the tool bar and see what Dreamweaver's code view can do for you today!



Quickshot - jQuery and XML
by Rob Williams - 19-May-08
Reader Level:

One of the biggest challenges when developing AJAX applications is actually working with XML. While XML is a fanstastic technology for describing and structuring data, the JavaScript required to actually parse and use that information can be tedious and annoying at best. Fortunately, this is yet one more scenario where JQuery, the JavaScript optimization library, can save the day!



Creating CSV Files from Recordsets in PHP - Part 2
by Tom Muck - 16-May-08
Reader Level:

Downloading comma-separated value (CSV) results is a common task in web development. If you have an e-store, for example, you may want to download orders, products, or customers. There are hundreds of other uses—search results, school lists, movie titles, book lists, tables of contents, access reports, web stats, etc.

Part 1 of this series showed a basic CSVFile class with the ability to create a CSV file download from any recordset. This part will show how to make a few tweaks in the class to allow Excel file downloads. The class is already built—all you do is call it. The class does not create a file on the server—it simply streams the content to the user as a file, not cluttering up your server or creating files that then have to be deleted. The article builds on the files used in the last part and simply makes a few changes to them.

The CSV Files in PHP Series:
Downloading PHP Recordsets as CSV Files - Part 1
Creating CSV Files from Recordsets in PHP - Part 2



Introducing CMX JumpStart Bordeaux Free!
by Sheri German - 14-May-08
Reader Level:

It's May, and for many of us that means lots of end-of-year events. School concerts, graduations, award ceremonies, last meetings till the fall...we celebrate these endings and look forward to the easy lifestyle of summer. Many of our celebrations are accompanied by parties - delicious food, and sometimes a special wine. What more preeminent center of great wine is there than Bordeaux, France? And to that region we dedicate our latest JumpStart design, CMX JumpStart Bordeaux.

CMX JumpStart Bordeaux features an accessible split level navigation system. The main navigation is a series of tabs that use the Sliding Door method as described by Douglas Bowman. The sub navigation is an unordered list based system, and both navigation systems provide clear "you are here" page markers. The design is a two column layout fixed at 740px wide and utilizes gradients on various page areas. Of course Bordeaux meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



A Checklist For Problem Free Print Jobs with Preflight Details for InDesign
by Kim Dudley - 12-May-08
Reader Level:

Sending a file to the printers is the final step in the creation of a printed piece. Although it is the final step and may appear to be a simple task, it is one of the most important and can be one of the most daunting. When you send a job for printing as an InDesign file or a PDF, more is required than just handing over a file to the printer.

A basic layout will contain fonts and images which may need to be sent along with the file. Also, depending on the way a file is set up, errors and problems may arise during printing. Requirements will vary from printer to printer but knowing the basics for setting up and sending files to a printer, as well as using a printer's check list, will eliminate many common problems and ensure a quick and successful print job.

To help assist with this task this article includes a Printing checklist and a job sheet. The checklist can be applied to any project being sent to a printer no matter the size or application used. It will help ensure all parts of the file are set up correctly. The jobsheet is a form which can be filled out with details about the file, it should accompany a print project to the printers.



11 Things I Hate About Web Site Search Functions Free!
by Steven Seiller - 12-May-08
Reader Level:

My wife is an Internet shopping fiend! And because she tells me everything that annoys her, she told about this web site on which she was searching for a product. The product she was looking for was found in twenty different styles each of which found in six different categories. The results of these twenty products ballooned to a result of 120 which was overly repetitious.

Her rant got me to thinking about my own frustrations with web site search functions. Search is currently the dominant computing paradigm. As evidence of this, you merely need to look at how recent versions of operating systems and web browsers have placed search functions in prominent positions on your screen. Look at the latest versions of Mac OS or Windows and you will see that search functions have made their way to the top tier of marketed features. Together with the popularity of search engines, users are indoctrinated into the process of searching instead of looking. The premise of Gmail is that your don't need to file your messages because you can just search for them.

Since more and more web site visitors are expecting to find what they want by searching, you should ensure you provide this feature for them so they don't leave your site and find another which does have a prominent search box.

This article contains a list of my common observations of obstacles to successfully enabling search on your web site.



Issues with Dynamically Creating and Calling Display Objects
by Derrick Ypenburg - 09-May-08
Reader Level:

Something completely new to ActionScript 3.0 is ActionScript's trust in object references. In AS2.0 you were able to dynamically add an object and call it after-the-fact by its instance name. In AS3.0, when an object is created dynamically you need to specifically tell the compiler how to treat an object when calling it in some cases. You cannot just simply call its instance name anymore as display objects that are dynamically added in many cases need to be referenced by a name property and do not have an instance name. ActionScript no longer "trusts" your judgment when calling dynamically created objects. This results in frustrating errors.

This new concept really made me feel like a newbie at first. Researching documentation on this topic to make sure I'm explaining this properly was also frustrating to find. So here it is! This article will show you when you need to tell Flash how an object should be treated.



One Month Until TODCon Free!
by Ray West - 09-May-08
Reader Level:

We just wanted to take the opportunity to remind you that it is only one month until TODCon 2008 in beautiful Orlando, FL. TODCon is a unique and intimate web development conference sponsored by Adobe.



Digital Photography - Home Studio DIY Lights
by Scott Valentine - 05-May-08
Reader Level:

So, you're ready to go get some lights for your home photography studio. Find out about the options available to the intrepid DIYer, from the obvious work shop lights to not-so-obvious LEDs. What you'll learn in this article is how to think about choosing your lights, what to look for when out hunting, and how to keep it all coordinated. This is really an experimentalist's approach to home studio lighting.

The DIY Digital Photography Home Studio Series:
Digital Photography - Home Studio DIY Concepts
Digital Photography - Home Studio DIY Lights



Steal This Article - Please! Free!
by Ray West - 23-Apr-08
Reader Level:

Of all of the things the Internet has accomplished, blurring the lines regarding the ownership of digital content is likely one of the most lasting and significant. We seem to be raising a generation that, in addition to healthcare, video game consoles, and fancy rims from the rent-to-own wheel store, numbers everything available on the web among the things they have a right to. Far beyond the time when people who go beneath the radar to share boxes of floppy disks full of Sierra-Online games, today people are defiant about their right to whatever they come across.



Modifying Classic ColdFusion Debugging: Part 2
by Tom Muck - 22-Apr-08
Reader Level:

If you have your own ColdFusion development box, you probably have ColdFusion debugging turned on. I have always used the Classic debugging mode as opposed to Dockable, because I find the popup window takes too long and is too cumbersome to use. However, classic debugging has a few shortfalls. I addressed some with my article on Better Debugging Info for ColdFusion, however that article discussed a completely custom debugging file. Part 1 of this article discussed how to tweak the file used internally by ColdFusion to display debugging results. In that article we expanded arrays and structures for a better debug output. In this article, we'll add some useful query debugging information.

The Modifying Classic ColdFusion Debugging Series:
Modifying Classic ColdFusion Debugging: Part 1
Modifying Classic ColdFusion Debugging: Part 2



Bridge and Non-Adobe Applications Free!
by Jim Babbage - 18-Apr-08
Reader Level:

I've written many articles and recorded many videos on the benefits of using Bridge in your Adobe design work flow, but now I'm here to tell you that you're not limited to using Bridge with Adobe products.

That's right. Find out more and learn a few more Bridge tips and tricks by reading this article.



The Mystery of CFC Variables and Properties - Part 4
by Tom Muck - 16-Apr-08
Reader Level:

If you use ColdFusion you should be using ColdFusion Components (CFCs). One of the more perplexing parts of developing CFCs for the beginning ColdFusion developer is how to define variables and properties. The proper use of variables is important for memory consumption and data integrity. You don't want variables hanging around that aren't needed or accessed from areas that they should not be accessed from.

The first part of this series explained some of the differences between local and global variables as they apply to CFCs. The second part of the series showed a simple CFC framework component. Part 3 showed a CFC that extends our base component. The first three parts are usable in any ColdFusion site with any database. Part 4 will focus on SQL Server and show how the tags can be turned into tags, and how the NULL values of the local properties can be used.

The Mystery of CFC Variables and Properties Series:
The Mystery of CFC Variables and Properties - Part 1
The Mystery of CFC Variables and Properties - Part 2
The Mystery of CFC Variables and Properties - Part 3
The Mystery of CFC Variables and Properties - Part 4



Introducing CMX JumpStart Malé Free!
by Sheri German - 10-Apr-08
Reader Level:

I grew up at the New Jersey shore, and spent my childhood playing in the surf and sand. I felt, and still feel, a bliss and peace there that I feel no where else in the world. So, when I first viewed Adrian Senior's latest JumpStart design, CMX JumpStart Malé, I was immediately smitten.

CMX JumpStart Malé, one of our most flexible JumpStarts to date, is a fixed-width two and three-column layout. You can show or hide the third column on a page-by-page basis, without having to delve into the code. The left column features a CSS based flyout menu that you can customize with as many levels as you need.

Of course Malé meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too.



The Art of the Interactive Storyteller - Part 4 Free!
by Tom Green - 07-Apr-08
Reader Level:

We all tell stories. Every night my wife and I sit down and, over dinner, tell stories about our frantic lives that day. What my wife and I do is no different from what web developers do every day. The only difference is web developers tell stories to a global audience. In fact did I tell you the one about being mugged by a werewolf on a site I was surfing.....

The Interactive Storyteller Series:
The Art of the Interactive Storyteller - Part 1
The Art of the Interactive Storyteller - Part 2
The Art of the Interactive Storyteller - Part 3
The Art of the Interactive Storyteller - Part 4
The Art of the Interactive Storyteller - Part 5



Digital Photography - Home Studio DIY Concepts Free!
by Scott Valentine - 07-Apr-08
Reader Level:

Welcome to the first in a series of articles about setting your own home digital photography studio, and doing it cheaply.



The Mystery of CFC Variables and Properties - Part 3
by Tom Muck - 04-Apr-08
Reader Level:

If you use ColdFusion you should be using ColdFusion Components (CFCs). One of the more perplexing parts of developing CFCs for the beginning ColdFusion developer is how to define variables and properties. The proper use of variables is important for memory consumption and data integrity. You don't want variables hanging around that aren't needed, or accessed from areas that they should not be accessed from.

The first part of this series explained some of the differences between local and global variables as they apply to CFCs. This second part of the series showed a simple CFC framework component. Part 3 shows a CFC that extends our base component. These first three parts are usable in any ColdFusion site wtih any database. Part 4 will focus on SQL Server.

The Mystery of CFC Variables and Properties Series:
The Mystery of CFC Variables and Properties - Part 1
The Mystery of CFC Variables and Properties - Part 2
The Mystery of CFC Variables and Properties - Part 3
The Mystery of CFC Variables and Properties - Part 4



The Art of the Interactive Storyteller - Part 3 Free!
by Tom Green - 03-Apr-08
Reader Level:

We all tell stories. Every night my wife and I sit down and, over dinner, tell stories about our frantic lives that day. What my wife and I do is no different from what web developers do every day. The only difference is web developers tell stories to a global audience. In fact did I tell you the one about being mugged by a werewolf on a site I was surfing.....

The Interactive Storyteller Series:
The Art of the Interactive Storyteller - Part 1
The Art of the Interactive Storyteller - Part 2
The Art of the Interactive Storyteller - Part 3
The Art of the Interactive Storyteller - Part 4
The Art of the Interactive Storyteller - Part 5



Customizing InDesign's Spell Check Features Free!
by Kim Dudley - 31-Mar-08
Reader Level:

I am the first one to admit that my spelling abilities are less then perfect, and when tight deadlines and late nights are involved simple typos seem to pop up all over the page. But with programs like InDesign, that can be my little secret. InDesign has some great spell check tools that will catch most spelling and typing errors and can also be used to speed up data entry.

In this article we will look at InDesign's Spell Checking tools and learn a little trick we can do using the autocorrect feature.



The Art of the Interactive Storyteller - Part 2 Free!
by Tom Green - 28-Mar-08
Reader Level:

We all tell stories. Every night my wife and I sit down and, over dinner, tell stories about our frantic lives that day. What my wife and I do is no different from what web developers do every day. The only difference is web developers tell stories to a global audience. In fact did I tell you the one about being mugged by a werewolf on a site I was surfing.....

The Interactive Storyteller Series:
The Art of the Interactive Storyteller - Part 1
The Art of the Interactive Storyteller - Part 2
The Art of the Interactive Storyteller - Part 3
The Art of the Interactive Storyteller - Part 4
The Art of the Interactive Storyteller - Part 5



Handling Browsers Without JavaScript Enabled
by Rob Williams - 27-Mar-08
Reader Level:

While it's possible to construct sites based completely on JavaScript, often times the most common use for the language is to add or enhance the functionality of an existing site by making it more interactive. The prime example of this is the JavaScript based drop-down menu. Unfortunately one of the dangers of using JS-based drop downs is that if JavaScript is disabled (or the browser is not capable of it) then there is often no alternative way to navigate through your site! In this article we're going to look at this particular situation and examine one possible way to overcome it.



Flash-Flex Integration - Part 1: Workflows Free!
by Joseph Balderson - 26-Mar-08
Reader Level:

Sometimes, when you're coding a Flex application, don't you just wish you could use a Flash animation, right there? And in Flash, don't you sometimes wish you could use that one class in Flex, or that one component, which would make your life so much easier? It is at such times that a developer encounters the limitations of their tools, be it in Flex or in Flash. This series aims to explore the possibilities inherent in an integrated Flash-Flex workflow, bridging the gap between the two technologies, enabling a greater range of development options.

In this first article, we will introduce the topic by looking at where certain Flash and Flex development scenarios might need to converge into an integrated Flash-Flex workflow. We'll also look some typical strategies to meet the needs of certain Flash Platform development methodologies.

A bird's eye view of the Flash-Flex Workflow.

The Flash-Flex Integration Series:
Flash-Flex Integration - Part 1: Workflows
Flash-Flex Integration - Part 2: Flex 2 Component Skinning
Flash-Flex Integration - Part 3: Flex Component Skinning with Scale-9
Flash-Flex Integration - Part 4: Skinning the Scale-9 Flex Component
Flash-Flex Integration - Part 5: Building the DragPanel Component
Flash-Flex Integration - Part 6: Editing Flash Code in Flex Builder
Flash-Flex Integration - Part 7: Coding With Flash Components in Flex Builder
Flash-Flex Integration - Part 8: Creating Custom Flex Components with Flash CS3
Flash-Flex Integration - Part 9: Using The FLVPlayback Component in Flex



The Art of the Interactive Storyteller - Part 1 Free!
by Tom Green - 25-Mar-08
Reader Level:

We all tell stories. Every night my wife and I sit down and, over dinner, tell stories about our frantic lives that day. What my wife and I do is no different from what web developers do every day. The only difference is web developers tell stories to a global audience. In fact did I tell you the one about being mugged by a werewolf on a site I was surfing.....

The Interactive Storyteller Series:
The Art of the Interactive Storyteller - Part 1
The Art of the Interactive Storyteller - Part 2
The Art of the Interactive Storyteller - Part 3
The Art of the Interactive Storyteller - Part 4
The Art of the Interactive Storyteller - Part 5



The Mystery of CFC Variables and Properties - Part 2
by Tom Muck - 24-Mar-08
Reader Level:

If you use ColdFusion you should be using ColdFusion Components (CFCs). One of the more perplexing parts of developing CFCs for the beginning ColdFusion developer is how to define variables and properties. The proper use of variables is important for memory consumption and data integrity. You don't want variables hanging around that aren't needed or accessed from areas that they should not be accessed from.

The first part of this series explained some of the differences between local and global variables as they apply to CFCs. This second part of the series will continue the discusion and show a simple CFC framework component. Part 3 will show a CFC that extends our base component.

The Mystery of CFC Variables and Properties Series:
The Mystery of CFC Variables and Properties - Part 1
The Mystery of CFC Variables and Properties - Part 2
The Mystery of CFC Variables and Properties - Part 3
The Mystery of CFC Variables and Properties - Part 4



Happy Easter!
by - 21-Mar-08
Reader Level:

So that the Community MX partners may spend this holiday weekend with their friends and family, we will not be releasing any new content Good Friday. We'll be back on Monday the 24th with two brand new pieces of content. Enjoy the weekend!





The Mystery of CFC Variables and Properties - Part 1 Free!
by Tom Muck - 20-Mar-08
Reader Level:

If you use ColdFusion you should be using ColdFusion Components (CFCs). One of the more perplexing parts of developing CFCs for the beginning ColdFusion developer is how to define variables and properties. This article will attempt to explain some of the differences between local and global variables as they apply to CFCs. The proper use of variables is important for memory consumption and data integrity. You don't want variables hanging around that aren't needed, or accessed from areas that they should not be accessed from.

The second part of the series will continue the discusion and show a simple CFC framework.

The Mystery of CFC Variables and Properties Series:
The Mystery of CFC Variables and Properties - Part 1
The Mystery of CFC Variables and Properties - Part 2
The Mystery of CFC Variables and Properties - Part 3
The Mystery of CFC Variables and Properties - Part 4



How To Break Your Code and Like It: Testing Procedures Free!
by Steven Seiller - 19-Mar-08
Reader Level:

Whether you are creating new scripts or moving existing scripts to a new server, testing each one is an essential step to the success of your project. The following are practical tips for ensuring each of your scripts works properly. Although these steps are not complicated, it is their completion which shows the mark of a good professional. The examples provided here are specifically PHP, but these procedures generically apply to any server-side scripting language including ASP, ColdFusion, Perl or Ruby.



Lost in Translation - Basic Web Site Communication
by Derrick Ypenburg - 13-Mar-08
Reader Level:

Recently, I spoke to a conference of small business owners about starting a web site for their businesses… yes, there are still companies out there that do not have a web site! Going back to basics was a great experience for me. When I am working in the Flash world, I am usually at a level where people understand the value, the medium, and are living in "web 2.0".

Working with small business owners made me think back to the basics of web design. Many of these business owners are intrinsically linked to their product, shop or warehouse. The business is THEM. Their bricks and mortar and the friendly face behind the counter is essential to who they are.

When I spoke to the small business owners, I wanted to steer them in the right direction. Sometimes, that means pointing out bad examples. When a web site works, it can be hard to define "why". When a web site doesn't work, it's a lot easier to deconstruct. I called it "Lost in Translation".



Creating 8-bit Alpha Transparent PNG Files Free!
by Jim Babbage - 13-Mar-08
Reader Level:

Alpha Transparency is not limited to 32-bit PNG files.

If you're using Fireworks, that is. And if you export an 8-bit PNG file.

Read on to learn how to make use of this feature in Fireworks.



Introducing CMX JumpStart Sydney Free!
by Sheri German - 06-Mar-08
Reader Level:

It has to be one of the most beautiful opera houses in the world: the Sydney Opera House in Sydney, Australia. Opulence, elegance, and grandeur all come to mind when viewing pictures of the architecture and the city. And now those very same qualities come to you in the latest JumpStart, CMX JumpStart Sydney. Indeed, the header includes an image of the Sydney Opera House under a night sky as the centerpiece of a tasteful and elegant page layout.

CMX JumpStart Sydney is a centered, fixed-width layout that features an absolutely positioned left column with menu system that drapes over the header and content regions. With its quiet color scheme and simplicity of layout, JumpStart Sydney wreaks of class.

Read on to find out what the Sydney package includes and to view a Sydney example modification.



Take Control of Your Workspace Free!
by Jim Babbage - 22-Feb-08
Reader Level:

There are several ways to increase your productivity within your software applications:

  • Memorize keyboard commands
  • Learn the application inside out
  • Configure the application layout to suit you

This third point is what we'll talk about in this article, using Fireworks as an example. Most Adobe applications offer ways to customize the the workspace. Sometimes these features are obvious, sometimes not.

Read on and learn how to make the workspace work for you.





Customer Service Tips
by Tom Muck - 20-Feb-08
Reader Level:

Web developers frequently have to deal with customers. How you deal with customers can make or break your business. Often, the difference between a successful company and an unsuccessful company with an otherwise identical product/service is the level of customer service that they provide. I have been dealing with customers in one way or another for almost 30 years, so I have put together a short list of hints and rules that I follow when dealing with customers.



PHP Phreakout: Troubleshooting Tips for PHP Code Free!
by Steven Seiller - 18-Feb-08
Reader Level:

I call it the "White Screen of Oblivion." You've seen it. You just finished your new code and you eagerly upload it to the server to watch the magic you just conjured. You load the script and wait. And Wait. That white, blank screen opens like a void and sucks your confidence while the concept quickly sinks in that you have a problem. Ok, but what problem? Not even an error message?

With experiences like that, we can actually be happy when we do receive an error message. Even one which says fatal. At least an error message gives us a line number and some kind of a clue!

So what happens when your PHP code doesn't work as expected? What do those messages mean? Sometimes confusing, sometimes cryptic, those little blurbs declaring that you goofed can actually be helpful! In this article, I will describe the process and some tricks I use to troubleshoot my PHP code during initial development.



10 Tips for a Better Acrobat Connect Meeting Free!
by Kim Cavanaugh - 15-Feb-08
Reader Level:

Adobe Acrobat Connect, formerly known as Macromedia Breeze Meeting, is a terrific application when you need to span distance and time and have a live online meeting with anyone anywhere. Since Acrobat Connect runs on any computer that has the Flash Player installed, just about anyone can easily log-in, watch a presentation, view live video and hear audio, and interact through chat, file sharing and live polling. Now in the sixth full release of the software, Acrobat Connect is used by schools, universities, private businesses, and government agencies all over the world. There's even a chance that you've participated in a Connect meeting yourself. If you were fortunate enough to have the meeting conducted by an experienced Connect presenter, you probably had a great experience. Because even though an Acrobat Connect meeting is easy and fun to participate in, the best presentations are done by those who know their way around the interface and have learned the tricks to having better online meetings. In this article you'll learn some of those tips so you too can conduct a more professional and relaxed Connect meeting.



Quickshot: How to Parse Submitted Form Fields in ColdFusion Free!
by Ray West - 15-Feb-08
Reader Level:

Most of the time, when your site submits a form to the server, you constructed that form so you know what fields to expect on the back side. On occasion, though, you may not know exactly what fields to expect when a form is dynamically created or may only contain data for certain fields. In ColdFusion, you can use a couple of methods to determine what fields exist in a form that has been received and what the data is for those fields.



Making Stored Procedures Efficient Free!
by Ray West - 08-Feb-08
Reader Level:

As a web application gets larger and needs to handle more traffic, special attention is needed to make sure it is running as efficiently as possible. More often than not, that means taking a look at the way that your data is marshaled from the database. I am constantly amazed at how much effort can be placed in making sure that pages are only so heavy and take X seconds to load on the HTML side, when very little consideration is given to how the database is being accessed.

The two things to remember when dealing with the optimization of your database are minimizing network traffic, and the reuse of execution plans. Both of these are accomplished by the proper use of stored procedures. In this article, we will cover a few tips to help you get the most out of your stored procedures.



SQL Server Function for Lists That Use the IN Clause
by Tom Muck - 28-Jan-08
Reader Level:

When you use SQL Server for any application -- web or otherwise -- you should be using stored procedures. This creates a dilemma in some situations where you want to provide flexibility. A typical interface on the web has checkboxes that allow you to choose options for a search, or options for a product, or delete various products. When you allow the end user to choose things, it creates difficulties in providing a one-size-fits-all stored procedure. This article will show one way to do this with a function.



Introducing CMX JumpStart Stirling Free!
by Sheri German - 24-Jan-08
Reader Level:

CMX JumpStart Stirling, a centered, fixed-width layout with a header, is based upon the popular Playa Blanca JumpStart. However, it has some intriguing enhancements, the most notable of which is the use of descendant selectors to flip the design from a two-column layout to a three-column layout on a page-by-page basis. Stirling also positions the main structure in a different way than Playa Blanca in that all of the columns are floated to achieve the design layout. The navigation in the left hand column, on the other hand, is switched to an AP div for older versions of IE in order to enable the bleed into the main content area from the page marker. Of course Stirling meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements.



So You Want To Hire a SWF Developer? Free!
by Joseph Balderson - 10-Jan-08
Reader Level:

In the ever-evolving world of Flash development, designers, developers, hr people and managers need up to date information on skills categories in the current marketplace. With all the aspects which comprise the Adobe ecosystem of design and development technologies, all of which may be located on a developer's resumé — such as Flash, Flex, ActionScript, FLV Video, Flash Media Server, Adobe Integrated Runtime (AIR), LiveCycle Data Services, and Cairngorm, to name a few — what do we call "the person who builds SWF files" for a living?

This is the question which can confuse an HR person enough to inadvertently misrepresent a candidate, may cause a manager to incorrectly assess a potential hire, and precipitate an identity crisis in the web developer wondering how the heck to correctly market themselves. This article is here to help.



Modifying Classic ColdFusion Debugging: Part 1
by Tom Muck - 09-Jan-08
Reader Level:

If you have your own ColdFusion development box, you probably have ColdFusion debugging turned on. I have always used the Classic debugging mode because I find the popup window debugging mode takes too long and is too cumbersome to use. However, classic debugging has a few shortfalls. I addressed some with my article on Better Debugging for ColdFusion, however that article discussed a completely custom debugging file. The method discussed in this article will show you how to tweak the file used internally by ColdFusion to display debugging results.

The Modifying Classic ColdFusion Debugging Series:
Modifying Classic ColdFusion Debugging: Part 1
Modifying Classic ColdFusion Debugging: Part 2



Design Your Own Custom CMX CSS Course - Part Two Free!
by Sheri German - 09-Jan-08
Reader Level:

On Jan. 4, 2007, we offered a compilation of our CSS articles and tutorials in the article Design Your Own Custom CMX CSS Course. Its purpose was to make it easier to find the ever-growing number of web standards related articles and tutorials on Community MX.

In the year since the CSS course publication, CMX authors have written almost a hundred more CSS and accessibility related articles, tutorials, technique updates, and extensions. Clearly it is time for the sequel to the first CSS course.



A Leisurely Look at Leopard - Part II: Look and Feel, Time and Space Free!
by Thomas Pletcher - 02-Jan-08
Reader Level:

Leopard has introduced many new features to OS X -- more than 300, by Apple's count. This article focuses on some of the most important, including the easiest way to backup ever, multiple workspaces for enhanced productivity, and some controversial interface changes.



Quick Shot - Search Engine Optimization Tips
by Paul Davis - 19-Dec-07
Reader Level:

So - your web site just isn't on the ranking where you'd like it to be on the mother of all search engines, Google?



Help Wanted Free!
by - 19-Dec-07
Reader Level:

Thanks to all of our readers and subscribers, Community MX has grown over the past several years, and we plan to grow more in 2008. With the new year right around the corner, we have been discussing several initiatives to expand the services we offer our subscribers and we have discovered something. We need more help!



SQL Group vs. CFOUTPUT GROUP
by Tom Muck - 17-Dec-07
Reader Level:

There is a lot of confusion among some ColdFusion developers about the use of GROUP in a SQL statement and the use of the group attribute in a tag. This article will try to explain the differences and where you would use one or the other.



Fireworks Kuler Panel Free!
by Jim Babbage - 10-Dec-07
Reader Level:

Making color choices for a web site can at times be a daunting task, especially for those of us not schooled in color harmonics. Help in making those choices has recently gotten much easier with the introduction of the Flash kuler Panel for Fireworks. Ben Pritchard from Pixel Fumes first built a kuler panel for Flash, then Alan Musselman asked him if he would consider creating one for Fireworks. In early August of 2007, Ben had one for all us faithful FW users.



Smoking Out After Effects: Part 3
by Tom Green - 07-Dec-07
Reader Level:

Now that you have created the smoke effect, how do you run it through the FLVPlayback component or a video object in Flash and have it loop? Read on...

Approximate download size: 7.6 MB

The Smoking Out After Effects Series
Smoking Out After Effects: Part 1
Smoking Out After Effects: Part 2
Smoking Out After Effects: Part 3



Tools for Designers: del.icio.us and Flickr' Free!
by Derrick Ypenburg - 07-Dec-07
Reader Level:

This article is the result of me trying to put together a design and idea resource system for my growing company. I want all of our associates to use and share their ideas, inspiration and bank of design bookmarks that inspire them. I find it extremely important for myself, and my team, to take time every day to find inspiration, new code, products and designs and share them. In our constant search for these gems, ideas and inspirations, the best ones and those rare finds make it to our bookmark list for future reference. The problem is, these bookmarks are in one browser only. How do we share these bookmarks and design gems with our peers? Further and most importantly, how can I do this without spending money and having to maintain some kind internal server, wiki, collaboration, crap app that no one will use after a week. This is when I found valuable uses for del.icio.us and Flickr'.



Building a Reservation System From Discovery to Deployment - Part 2
by Paul Davis - 05-Dec-07
Reader Level:

Making a reservation system is a complex task. This article series will walk you through the four D's of projects, Discovery, Design, Develop and Deploy.

This article is on the discovery and design process, a dialog between the decision makers and stakeholders to uncover what the project should entail and start to get the scope down as well as the first look at the SQL

The Building a Reservation System Series:
Building a Reservation System From Discovery to Deployment - Part 1
Building a Reservation System From Discovery to Deployment - Part 2
Buildiing a Reservation System from Discovery to Deployment - Part 3
Building a Reservation System - From Discovery to Deployment - Part 4



Using Quotes in PHP
by Tom Muck - 04-Dec-07
Reader Level:

One of the confusing things for beginning PHP developers is how to use single and double quotes. Unlike some other languages, like ColdFusion, single and double quotes in PHP are treated differently. This article will show how to use quotes in different situations in PHP.



JumpStarts Fix: IE7 Zoom Body Background Image Bug Free!
by Adrian Senior - 03-Dec-07
Reader Level:

This is a fix for all JumpStarts [and any other web page design] that use background images set against the body tag.

The zoom bug only exists in IE7 and therefore the fix is only required for IE7. The bug manifests itself when the keyboard short-cut ctrl + + is used to zoom the web page, this is very different to altering text size in IE7 via the view menu.



CSS Problems and Fixes: Vertical List Navigation - Part 1
by Adrian Senior - 30-Nov-07
Reader Level:

Producing unordered lists for site navigation is without doubt the favoured method for most designers/developers. However, the method isn't without its problems.

This article will look at the common problems you will come up against and you will learn how you can create navigation lists that display correctly from browser to browser.

The CSS Problems and Fixes Series:
Css Problems and Fixes: Vertical List Navigation - Part 1
CSS Problems and Fixes: Vertical List Navigation - Part 2
CSS Problems and Fixes: Vertical List Navigation - Part 3



Pods
by Tom Muck - 29-Nov-07
Reader Level:

Pods. I love pods. I use them everywhere. No, I'm not talking about the people from Invasion of the Body Snatchers. I'm talking about the little sidebar items and functional includes that show up on so many sites these days. They are huge in blogs, with pods that supply search boxes, rss feeds, blogrolls, and Amazon links. What exactly is a pod and how do you use it? This article will describe the concept, which can be applied to HTML, ColdFusion, PHP, ASP, or any other type of page.



A Leisurely Look at Leopard - Part I: Installation and New Features Overview Free!
by Thomas Pletcher - 26-Nov-07
Reader Level:

If you have a recent Mac but don't yet have Leopard (the newest, 10.5 iteration of OS X), you're undoubtedly wondering whether to buy and install it. Some PC users too may also be wondering if the newest version of the Mac operating system warrants the switch they have been contemplating. This article will try to help answer such questions -- the short answer is "yes" -- by walking you through a Leopard upgrade installation and briefly describing some of Leopard's major new features. A future installment will cover key features in more detail.



Ten Tips for Overcoming Creative Block Free!
by Sheri German - 21-Nov-07
Reader Level:

What can we do to get inspiration for a new site design? What can we do when serious creative block strikes, but the client expects a mockup within the week? Something in this quick list of ten tips will help get you going again.



Creating a Redirected Login in ColdFusion
by Rob Williams - 20-Nov-07
Reader Level:

Creating a transparent login system is one of the easiest things a developer can do to enhance an end user's experience on an access controlled site. In this article we're going to take the concepts that were introduced previously in the PHP version of Creating a redirected login and apply them to ColdFusion.



Building a Reservation System - From Discovery to Deployment: Part 1 Free!
by Paul Davis - 20-Nov-07
Reader Level:

Making a reservation system is a complex task. This article series will walk you through the four D's of projects, Discovery, Design, Develop and Deploy.

This article is on the discovery process, a dialog between the decision makers and stakeholders to uncover what the project should entail and start to get the scope down.

The Building a Reservation System Series:
Building a Reservation System From Discovery to Deployment - Part 1
Building a Reservation System From Discovery to Deployment - Part 2
Buildiing a Reservation System from Discovery to Deployment - Part 3
Building a Reservation System - From Discovery to Deployment - Part 4



Using File Comparison for Team Environments
by Tom Muck - 19-Nov-07
Reader Level:

Working in the Dreamweaver environment with a team is not as easy as in some other applications, even though integration is provided for some common team applications, like SourceSafe, with extensions available for CVS and other systems. Also, Dreamweaver contains built-in tools for Check-in and Check-out, however these are very limited and leave little file scraps all over the server. I've found the best method for a small team is to simply use Beyond Compare or other file comparison program to maintain the site. The beauty of this system is that you don't have to use a specific tool to edit your files -- you can open up Notepad and make a change, if that is your tool of choice. The file comparison program will always give you the accurate view of what has changed in the file.



The Secret Art of Cookies: Part 2
by Rob Williams - 15-Nov-07
Reader Level:

Preserving data for an end user can be one of the more challenging tasks when you first start to learn a server-side programming language like PHP. Sessions are a good starting point that allow you to carry information about users across multiple pages of your site, but alone they can fall short of expectations as they are always only limited to the length of a current browsing "session".

In the first part of this series we looked at what cookies were, how easy they were to use, and some of the general pitfalls that developers need to be aware of when utilizing them. Today we're going to focus on setting the record straight on cookie security and the realities of using cookies in your own web applications.

The Secret Art of Cookies Series:
The Secret Art of Cookies: Part 1
The Secret Art of Cookies: Part 2



Finding onDragOver: An AS2 to AS3 Migration Case Study
by David Stiller - 13-Nov-07
Reader Level:

For many designer/developers, ActionScript 3.0 is still very much new territory. You may have dipped into the latest language a bit — you may have even purchased a book or two on the subject — but unless you're required to use it every day, AS3 may very well present you with baffling new workflow changes, seemingly at every turn. This can especially be true when you undertake the endeavor to migrate an existing AS2-based project.

AS3's new event handling structure certainly threw me for a loop at first. It didn't take long before I realized that certain things seemed to be missing, such as the onReleaseOutside event of AS2's MovieClip and Button classes (Derrick Ypenburg discusses a workaround for this in his article "That Annoying stopDrag() Quirk in AS3.0"). In addition to that, it was recently brought to my attention that two other events, again shared by movie clips and buttons, had gone the way of the dodo: onDragOver and onDragOut.

Here's a brief case study on how I re-discovered the underlying basis for those events within their new trappings in ActionScript 3.0. By sharing the journey with me, I hope you find encouragement in your own friendly grapples with AS3.



Exploring Regular Expressions in ActionScript 3.0
by David Stiller - 09-Nov-07
Reader Level:

I have a geek confession to make. I love regular expressions (aka regex, regexp, and other abbreviations). In a nutshell, regular expressions comprise a mechanism for searching and replacing text. I'm not just talking about finding the word "cat" inside the longer word "catastrophe," though regex can certainly do that. I'm talking about complex searches like spotting all the US ZIP codes in a particular paragraph. Think of the possibilities! ZIP codes can be any combination of five digits, with or without the ZIP+4 (a hyphen followed by another four digits). Or looking for accidentally doubled words — "The dog jumped over the the fence," regardless which two words those might be — or formatting North American telephone numbers consistently, such as rendering 123.456.7890, 123-456-7890, or even (123)456.7890 as (123) 456-7890, no matter what the numbers are.

To me, solving these challenges is a bit like solving Sudoku puzzles. They're flat out fun! Many programming languages support regular expressions, often in their own slightly varied flavors, and ActionScript 3.0 finally brings this technology natively into Flash. Let's take an introductory look at how to make use of it.



Basics: Top Ten Rules for Site and File Structure
by Tom Muck - 08-Nov-07
Reader Level:

What is a good site structure? Different web developers use different site structures and have varying opinions about this, but I will show some rules for a simple structure that I use and have found to be quite simple to maintain. Maintenance is a concern on a large site, but having a good folder/file structure can make it pretty simple to keep track of where things are. I will list 10 rules I use when building a site, in no particular order.



Creating a Redirected Login
by Rob Williams - 06-Nov-07
Reader Level:

Creating a two-tier web site is a task that most developers have to deal with regularly; often times a site will require both a public and "member's-only" section. Although there are many tutorials and explanations of how to use databases to build and manage login systems, one of the questions that I find often goes unanswered is how to make your login page "transparent".

In this article we'll take a look at the theory and a simple implementation of how you can go about presenting a login page anytime a user is directed to "member's-only" content and, most importantly, how to continue sending them to their desired page once the login is complete.



Blocking Bad Words in ColdFusion
by Tom Muck - 05-Nov-07
Reader Level:

One of the biggest problems on the Internet these days is spam in the form of comment spam and contact form spam. Blogs are big these days, and many have implemented spam trapping features, however spammers are not all automated robots -- some of the most insidious are real people sitting behind their computer attacking you with their Viagra ads and other assorted garbage. Guestbooks attract spammers like flies. And even contact forms, meant only to go to the site owner, are under attack as well.

This article will show a simple administrative interface to maintain a "bad word" list, and a simple way to prevent the spam from reaching the intended recipient.



Fitting Fireworks CS3 into the Design Work Flow Free!
by Jim Babbage - 02-Nov-07
Reader Level:

In my last article, I talked about the decision process between when to use Photoshop or Fireworks in your projects.

Really, what I'm talking about here is freedom of choice. Knowing your options and where different applications fit together can help you work faster and smarter in your day to day production work flow. And - happily, Fireworks can fit in quite nicely in the digital workflow of many professionals, even if they don't know it yet!

This article, based on my talk at Adobe Max 2007, gives an overview of the integration between Fireworks and the other core Adobe products such as Photoshop, Illustrator, Flash, Dreamweaver and Bridge. I thought it would be good have an overview of the features in a single location. Where relevant, I have included links to other CMX articles that dig deeper into the topics.



Introducing CMX JumpStart: Playa Blanca Free!
by Sheri German - 01-Nov-07
Reader Level:

I admit it: this JumpStart city necessitated that I do a little geography lesson. Adrian Senior, creator of the latest CMX JumpStart Playa Blanca gave me clues to googling for Playa Blanca information in the introduction to his article:

While not exactly a city, Playa Blanca is a beautiful town that can be found on the southern tip of Lanzarote. Lanzarote is one of a group of small volcanic islands that despite sitting off the African coast come under Spanish sovereignty.

All right! A beautiful beach resort that brought me back to my summer trip in Hawaii. Now on to the latest JumpStart....Playa Blanca is a centered, two-column, fixed-width layout with header and footer, but it is a more complex variation of that common layout type. It uses a series of nested divs that create the illusion of the secondary navigation effect that bleeds the appropriate button into the related content region. Of course Playa Blanca meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements.





Ubuntu & You, Part 7: An Ugly Upgrade
by Thomas Pletcher - 30-Oct-07
Reader Level:

Ubuntu recently released version 7.10, aka "Gutsy Gibbon", and it remains an excellent Linux distribution. However, if you're upgrading from a previous version, be careful! This article outlines some of the potential pitfalls, along with the rewards you'll receive from a successful upgrade.

The Ubuntu & You Series:
Ubuntu & You - Part 1: Trying Today's Most Popular Linux Distribution
Ubuntu & You - Part 2: Using Today's Most Popular Linux Distribution
Ubuntu & You - Part 3: Breezy is Easy
Ubuntu & You - Part 4: Breezy is Better
Ubuntu & You - Part 5: Be A Dapper Dude (or Dudette)
Ubuntu & You - Part 6: The Dapper Difference
Ubuntu & You - Part 7: An Ugly Upgrade



Conditional Inserts Using SQL
by Tom Muck - 26-Oct-07
Reader Level:

It's easy to do a conditional insert using the server language of your choice, but to do it with SQL code exclusively is not as easy. There are some language additions and non-standard SQL code in most of the popular database servers, but a conditional insert can be done using straight SQL making it platform independent. This is useful in writing SQL scripts to perform database updates. Running a script without a conditional insert can create problems if the script is run twice, for example. This article will show the technique I use in doing a conditional insert using MS Access, MS SQL Server, and MySQL.



Dreamweaver Report - Recently Modified
by Paul Davis - 26-Oct-07
Reader Level:

Dreamweaver includes several reports under the Site menu option. The report on last modified files shows all of the files in the selected group which have been modified by the selected time frame. With this report you can figure out what files have been modified and when. Useful when you need to figure out what changes were just made and you need to examine them over again.



Fireworks or Photoshop? Free!
by Jim Babbage - 25-Oct-07
Reader Level:

A common question that comes up from new users is, "How do I decide whether to use Fireworks or Photoshop for a project?"

It's a good question. In fact, the answer may not be completely black and white (or RGB).

By answering the 5 questions in this article, you will be better prepared to decide not only what software application is best suited to the job at hand, where Fireworks can reside in your creative or production workflow.

Some of these questions you can answer yourself, while some may need to be posed to the client, or even other production partners.

Are you ready? Sharpen your pencil and let's go!



Exploring the Flash Brush Tool
by David Stiller - 25-Oct-07
Reader Level:

Flash offers quite a few drawing tools, even if you don't count the time-tested Oval, Rectangle, and Polystar tools, or even Flash CS3's new Oval Primitive and Rectangle Primitive tools. Those provide a great starting point from which to manipulate given shapes, but if your goal is to create strokes and fills of your own design, completely from scratch, you'll want to pick up the Pencil, Pen, or Brush tools. Each has its unique characteristics, and the Brush tool is the most configurable. This article provides an overview of the Brush tool and its options.



Speed up Your Site with SQL Server Profiler/Index Tuning Wizard
by Tom Muck - 22-Oct-07
Reader Level:

SQL Server 2000 comes with several tools that can be used to fine-tune your database. In some cases, if your database has not been optimized with indexes, the improvements can be dramatic. This article will focus on one aspect of the SQL Server Profiler—using it to profile a typical web site session to allow the Index Tuning Wizard to make suggestions based on an actual use case scenario. This article will apply to any web site that uses SQL Server 2000—ASP, ColdFusion, or other.

Don't depend on the tools provided by SQL Server—they are no substitute for knowing how data is accessed and knowing how to properly index your data. However, after you have created what you feel are optimal indexes, it can't hurt to test your application in a real world scenario to see if any further optimization is needed. For an introduction to indexes, see my article Indexing a Database Table. This article will attempt to expand your toolset to include two built-in SQL Server tools.



Controlling the Serial Port with PHP Free!
by Rob Williams - 19-Oct-07
Reader Level:

When you think about the things a web server can do, they typically tend to be related strictly to the virtual world of web sites and electronic content. There are times however when a web server can do what most people would never expect: interact with the real world!

In this article we're going to take a look at an how we can use PHP to control other, non-web related systems, using a serial port.



Tracking Most Recently Read Content
by Tom Muck - 09-Oct-07
Reader Level:

Community MX has a feature that shows the most recent items you viewed. This is quite easy to do, but requires a few things to be in place. This article will show how we do this. The article will use ColdFusion, but the technique can be applied across the board to any server language, like PHP or ASP.NET. We'll assume for this article that you have a user login system and content management system already in place. We'll focus on the functionality to store the content id of the user reading the content.



Alternative Text for Complex Graphics Free!
by Zoe Gillenwater - 09-Oct-07
Reader Level:

Providing alternative text for images, a web accessibility cornerstone, is usually accomplished using the alt attribute. However, sometimes the amount of information that an image conveys is huge, much more than is useful in an alt attribute. For instance, charts, graphs, maps and diagrams can contain great amounts of information that would take several hundred words to adequately convey. While there's no limit on the amount of characters you can place in an alt attribute, they are meant to be kept very short and cannot contain additional (X)HTML markup within the attribute value itself. This can really limit your ability to adequately describe complex images. In this article, you'll learn a few ways to get around these limitations of the alt attribute to provide appropriate text equivalents for complex graphics in alternative ways.

Note: While this article does not deal directly with the alt attribute, it's a good idea to understand the principles behind writing proper alt text before reading this article. You can learn more about proper alt text at Debunking Alt Text Myths.



Autoloading Classes in PHP
by Rob Williams - 08-Oct-07
Reader Level:

When working with object-oriented coding in PHP one of the biggest hassles you'll encounter is having to continually remember to explicitly include/require the appropriate class definition file for each object you want to use. In this article we'll take a look at a new and very handy feature introduced in PHP 5 that will allow you to automatically include class definitions as they're required:__autoload.



We Need Your Help Free!
by Ray West - 08-Oct-07
Reader Level:

Community MX is approaching 5 years of service and almost 2500 articles, tutorials and extensions. We have covered everything from Dreamweaver to CSS to SQL Server and now are extending our subjects to include more and more of the Adobe family of products. And we need your help.

In trying to cover all of the new features of so many products and the cool new technologies that keep appearing, it is sometimes easy to forget that there are a lot of more basic things that you might want more information about. We might be missing things that we are taking for granted but that you need help with. And we want you to tell us about it.



Using Text Masks in ColdFusion
by Tom Muck - 05-Oct-07
Reader Level:

Text masks can be used in web applications as placeholders for dynamic content. A mask is essentially a string of characters that can be later replaced, and not likely to be confused. Usually, you will use consecutive characters around a variable string, or simply consecutive characters. This article will show a few techniques using masks in ColdFusion.



Easy Eclipse Database Access, with QuantumDB Free!
by Thomas Pletcher - 02-Oct-07
Reader Level:

The open source Eclipse platform is increasingly popular for developers of every stripe, and one of the chief reasons for this is its rich extensibility. This article will show you how to install and use the popular QuantumDB plug-in for database access, together with the PHPEclipse plug-in, to create a complete and flexible PHP-MySQL development environment. You'll be able to flip between PHP and SQL code with incredible ease!

Flex builders: you can play, too!



Declaring the Language of Your (X)HTML Content Free!
by Zoe Gillenwater - 28-Sep-07
Reader Level:

Defining the language of your web content is an essential but often overlooked step in making your web pages standards-compliant. Even if your pages are all written in a single language and you are certain that all members of your audience speak that same language, it's still a good idea to specify the language so that a variety of user agents and tools can correctly interpret and display the content.

In this article, you'll learn how to declare the language of your content in both HTML and XHTML. We'll go over how to declare a default language for the page as a whole as well as how to indicate where the language changes within the page, whether for an entire section or just a word.



Hybrid Applications: AIR, Silverlight, et al in Perspective Free!
by Rob Williams - 27-Sep-07
Reader Level:

Recently there has been a lot of buzz surrounding the idea of "hybrid" applications; programs and sites built for and delivered across the internet, but that act and operate as if they were independant standalone programs. The idea, as we'll explore in this article, really isn't that new but it's receiving a great deal more focus than in the past, due to some key technologies being developed and pushed out by some of the major players in web development. This is not by anymeans an "Adobe VS Microsoft" debate, but rather an investigation into the concepts, technologies and possibilities that surround hybrid applications.



A Simple Error Handling Function for PHP
by Tom Muck - 24-Sep-07
Reader Level:

Error handling is an important aspect of site development, but using PHP there aren't too many clearly defined ways to handle errors. I will present a simple function that handles errors in several ways: records the error in a log, emails the site administrator a copy of the error, and redirects the user to a central error page. Using one or more of these three methods, you can handle errors more gracefully in your PHP pages.



Introducing CMX JumpStart Madrid Free!
by Sheri German - 20-Sep-07
Reader Level:

Madrid, Spain, capital of Spain and one of Europe's major political and financial centers, is home to some of the most captivating museums and cultural events in the world. Like the atmosphere that pervades the city, we are pleased to introduce the equally warm and vibrant CMX JumpStart Madrid!

Madrid is a three-column, elastic layout that includes a background image in the content region that uses the background attachment property set to a value of fixed, an expandable header region, and a dual navigation system. The main navigation consists of an inline unordered list at the top of the design, and vertical sub navigation buttons in the left column. As with all the CMX JumpStarts, Madrid meets the W3C standards for CSS and XHTML, as well as for WAI and 508 accessibility.



CFPresentation - Adding Audio & Video
by Chaz Chumley - 14-Sep-07
Reader Level:

Adobe ColdFusion 8 provides us with a laundry list of new tags, including the new tags that allow us to create dynamic presentations using existing HTML or CFM templates. Previously we took a look at creating our first presentation utilizing some of the basic features. This time we will look at how to spruce up our presentations by adding audio and video and some of the gotchas to look out for.

Download size: 1.8MB



Fireworks Automation Features in Bridge CS3
by Jim Babbage - 13-Sep-07
Reader Level:

As you are learning in my Bridge CS3 video series, this application does many things and is a great jumping off point for pretty much any users of Adobe products. In this video, we will take a look at the Fireworks Automation features which are available from within Bridge, how to use them and the benefits of accessing those tools via Bridge.

Approximate download size: 12.5MB



Automatic Code Highlighting in PHP
by Rob Williams - 13-Sep-07
Reader Level:

Sometimes it seems that one of the hardest parts of teaching coding to others is simply getting your source coding to display in a properly formatted and easy-to-understand way. In this article we'll look at one of the built in tools that PHP makes available to you, as a web developer, that is designed specifically to address and solve this problem.



Happy Labor Day! Free!
by - 03-Sep-07
Reader Level:

Community MX is taking the day off to spend with our families and will return with fresh content tomorrow.





Dreamweaver's Accessibility Preferences
by Zoe Gillenwater - 27-Aug-07
Reader Level:

You may have the best of intentions when it comes to making your web pages accessible, but all of us can forget to add an alt attribute or label element here or there. If you're using Dreamweaver (from version MX 2004 onward), you can customize it to remind you about these accessibility enhancements every time you insert one of a number of common elements, as well as help you insert the needed attributes or elements. While this won't help you make your web pages more accessible if you don't know how to properly choose the values for these attributes and elements, it does serve as a handy reminder for those that are already familiar with accessibility best practices.

In this article, you'll learn:

  • what elements Dreamweaver provides with accessibility prompts
  • how to set your preferences so that it will prompt you about these elements every time
  • what each prompt looks like and what accessibility changes it produces in your markup

We won't be focusing on the benefits and guidelines for each of these accessibility enhancements, but rather on how Dreamweaver helps facilitate them. Because of this, this tutorial is best suited for those already familiar with accessibility requirements and how to meet them. References to other articles providing this background information are supplied throughout the article, if you need to brush up in any of the areas covered.





What AVC/H.264 Means for the Future of Flash Video Free!
by Robert Reinhardt - 27-Aug-07
Reader Level:

During the week of August 20th, Adobe announced its plans to support the AVC/H.264 video standard in the final release of Flash Player 9 update 3. You can currently download beta 2 of Flash Player 9 update 3 on the Adobe Labs site. This beta contains the AVC/H.264 codec, which enables you to test MPEG-4 files using the H.264 codec right now! I won't recap the information already provided by Adobe, but I'll provide a context for this announcement with existing Flash Video codecs and the world of Internet-delivered video.



PHP Sessions - Keeping Data Over Multiple Pages
by Rob Williams - 24-Aug-07
Reader Level:

One of the age old problems with server-side scripting is that it's based on a page-by-page production model; that is, each page is interpreted and run as its own entity as the user requests it. While this makes development more inline with traditional HTML, it also makes it more challenging to create full-fledged applications that may span multiple "pages" of a site.

If you're new to PHP (or indeed most server-side languages) the desire to have variables or data persist across multiple pages has probably arisen several times, but a straightforward explanation of how to do this is often overwhelmingly difficult to find. The purpose of this article is to provide with practical knowledge of both the theories and actual code that you need in order to carry data across multiple PHP pages.



Introducing CMX JumpStart Palm Springs Free!
by Sheri German - 16-Aug-07
Reader Level:

Palm Springs, California, a desert city that is about 110 miles east of Los Angeles, is home to some of the most famous golf courses in the country. With that in mind, we have a new JumpStart that should especially appeal to all the golf fans among us. Welcome to CMX JumpStart Palm Springs!

Palm Springs is a three-column, fixed-width layout that includes a dual navigation system. The main navigation consists of horizontal tabs at the top of the design, and vertical sub navigation buttons in the left column. The design also features pre-prepared login and subscribe form layout elements. As with all the CMX JumpStarts, Palm Springs meets the W3C standards for CSS and XHTML, as well as for WAI and 508 accessibility.





Flex 101: Part 2 - What's New in Flash Player 9 Free!
by Joseph Balderson - 15-Aug-07
Reader Level:

Learning Flex 2 can seem overwhelming at first glance, considering all the elements that go into the making of a Flex application, from the Flex product line, the development IDE, the source files, the runtime and the APIs, not to mention the abundance of documentation, examples and blog entries to choose from, not all of which are intended for novices. This series aims to take some of the mystery and confusion out of learning Flex 2, providing both a beginner's overview of building applications in Flex, as well as some in-depth examination of the basics for intermediate Flex developers.

In this article, we will look at what's new in ActionScript 3.0 and the Flash 9 player, how Flex compiles applications, and where Flex fits in with traditional Flash Development.

The Flex 101 Series:
Flex 101: Part 1 - Introducing Adobe Flex 2
Flex 101: Part 2 - What's New In Flash Player 9
Flex 101: Part 3 - Using Flex Builder 2
Flex 101: Part 4 - Building in Design Mode
Flex 101: Part 5 - Using MXML
Flex 101: Part 6 - Components and Databinding
Flex 101: Part 7 - Events
Flex 101: Part 8 - AS3 in MXML
Flex 101: Part 9 - Custom MXML Components
Flex 101: Part 10 - Databinding Custom Components
Flex 101: Part 11 - The Event Class
Flex 101: Part 12 - Using the Flex 2 Debugger
Flex 101: Part 13 - Declaring Events in AS3
Flex 101: Part 14 - Using the Event Subclasses
Flex 101: Part 15 - Simple Controls
Flex 101: Part 16 - Layout Containers Coming Soon



Slicing Options in Fireworks CS3
by Jim Babbage - 14-Aug-07
Reader Level:

Many issues can occur when the final Fireworks design and layout is treated as the final step before slicing. That is, the PNG looks JUST like how you want the web page to look. This methodology is very helpful in the creative process and for gaining client approvals with prototypes or mock ups. In many cases, however, the PNG file best suited for slicing and export may not look at all like a page layout. It may more resemble a bunch of small disconnected objects that will be exported and reassembled using CSS and DIV's (or table/cell background images).

I also want to take a closer (read exhaustive) look at how slices and web layers work in the new Fireworks CS3 workflow. We'll look at things to watch out for when using slices, frames, pages, symbols and multiple web layers. With the additoion of the Pages feature and the ability to now share web layers and object layers across those pages, we've gained a lot of flexibility, but slicing can get quite complex and the results confusing in designs. While the scenarios I share hear may not be bugs per say, neither are the issues are documented in the help files. Lots of food for thought.

Throughout the article, I'll make use of a simple PNG layout and you will find in the source files several different PNG's representing the slicing issues I experienced.



Optimize Images in Dreamweaver
by Paul Davis - 10-Aug-07
Reader Level:

You are in Dreamweaver, working hard and heavy in the page and you insert an image that is the wrong size - what do you do?

  • Load Fireworks?
  • Load Photoshop?
  • Change the size in the properties panel?

Nope, none of those - you optimize the image in Dreamweaver.





The World's Easiest PHP/MySQL Testing Server
by Rob Williams - 10-Aug-07
Reader Level:

Setting up a local testing server can be a real pain at times, especially when you want to do more "complex" testing involving PHP, MySQL and Apache. Although there are some good installation packages out there, they can still at times be difficult and frustrating to work with and maintain. In this article we're going to take a look at what has to be the simplest and easiest "local testing server" set up possible: the Uniform Server.



CSS Cheat Sheet: Inheritance, Cascade, Specificity Free!
by Zoe Gillenwater - 09-Aug-07
Reader Level:

Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that need. Use it as a reference on topics that you've already learned about in-depth but need a few reminders on. If you're still a beginner to CSS, use it to learn the nuts and bolts of working with CSS, then use our other articles, listed at the end of this one, to extend your learning and practice your new skills.

This Cheat Sheet reviews how the fundamental CSS concepts of inheritance, cascading and specificity work. It also contains a printable PDF illustration of the rules of the cascade that you can download and keep handy for continued reference.



Flex 101: Part 1 - Introducing Adobe Flex 2 Free!
by Joseph Balderson - 07-Aug-07
Reader Level:

Learning Flex 2 can be can seem overwhelming at first glance, considering all the elements that go into the making of a Flex application, from the Flex product line, the development IDE, the source files, the runtime and the APIs, not to mention the abundance of documentation, examples and blog entries to choose from, not all of which are intended for novices. This series aims to take some of the mystery and confusion out of learning Flex 2, providing both a beginner's overview of building applications in Flex, as well as some in-depth examination of the basics for intermediate Flex developers.

In this article, we will look at the evolution and history of Flex, what is Flex as a technology and its range of products.

The Flex 101 Series:
Flex 101: Part 1 - Introducing Adobe Flex 2
Flex 101: Part 2 - What's New In Flash Player 9
Flex 101: Part 3 - Using Flex Builder 2
Flex 101: Part 4 - Building in Design Mode
Flex 101: Part 5 - Using MXML
Flex 101: Part 6 - Components and Databinding
Flex 101: Part 7 - Events
Flex 101: Part 8 - AS3 in MXML
Flex 101: Part 9 - Custom MXML Components
Flex 101: Part 10 - Databinding Custom Components
Flex 101: Part 11 - The Event Class
Flex 101: Part 12 - Using the Flex 2 Debugger
Flex 101: Part 13 - Declaring Events in AS3
Flex 101: Part 14 - Using the Event Subclasses
Flex 101: Part 15 - Simple Controls
Flex 101: Part 16 - Layout Containers Coming Soon



Triple Threat III: Tri-Platform Perfection Free!
by Thomas Pletcher - 06-Aug-07
Reader Level:

Although VMware Fusion is not as well known as Parallels, it gives you -- together with Apple's Boot Camp -- the smoothest, most polished way to run a killer three-platform developer machine.

The Triple Threat Series:
Triple Threat: Adding a Third OS to Your Dual-Boot Mac
Triple Threat II: Tiger, Vista & Ubuntu
Triple Threat III: Tri-Platform Perfection



Custom PHP Settings With .htaccess
by Rob Williams - 03-Aug-07
Reader Level:

Every now and again I find as a web developer that there are times when the default PHP configuration on my server just isn't working as well as I'd like it to for a given project. This can be especially plaguing when you're dealing with remote web hosts that offer you little to no control over the configuration of PHP itself. Anytime you're running multiple web sites off the same server this can also be a problem as you may want to have different PHP settings for each of the sites.

In this article we're going to take a look at one possible solution to these problems by including PHP configuration values within an .htaccess file.



The Dreamweaver Web Standards Lesson Plan Series - Part Eleven
by Sheri German - 31-Jul-07
Reader Level:

Beware the Properties Inspector. It is after you create your CSS based layout and then troubleshoot and validate its code that your vigilance should really begin. When you start adding content, whether as images, text, or from Word and Excel documents, you can lose that clean code and introduce deprecated elements into the page.

In this article, you will learn what to use and what to avoid on the Properties Inspector when it is set to format text, images, or tables. You will learn the meaning of deprecated elements and attributes, why you should avoid formatting text with the Properties Inspector, and when deprecated code might cause validation to fail. You will also learn about the CSS problem of the cellspacing attribute, the use of target="_blank", and some legacy buttons such as "Low Source" on the Properties Inspector.

The Dreamweaver Web Standards Lesson Plan Series:
The Dreamweaver Web Standards Lesson Plan Series - Part 1
The Dreamweaver Web Standards Lesson Plan Series - Part 2
The Dreamweaver Web Standards Lesson Plan Series - Part 3
The Dreamweaver Web Standards Lesson Plan Series - Part 4
The Dreamweaver Web Standards Lesson Plan Series - Part 5
The Dreamweaver Web Standards Lesson Plan Series - Part 6
The Dreamweaver Web Standards Lesson Plan Series - Part 7
The Dreamweaver Web Standards Lesson Plan Series - Part 8
The Dreamweaver Web Standards Lesson Plan Series - Part 9
The Dreamweaver Web Standards Lesson Plan Series - Part 10
The Dreamweaver Web Standards Lesson Plan Series - Part 11
The Dreamweaver Web Standards Lesson Plan Series - Part 12
The Dreamweaver Web Standards Lesson Plan Series - Part 13
The Dreamweaver Web Standards Lesson Plan Series - Part 14 Coming Soon



Using the Image Processor in Photoshop or Bridge CS3
by Jim Babbage - 31-Jul-07
Reader Level:

Automating repetitive tasks is something that any good production software should do - or allow for. Fireworks and Photoshop are no slouches in this area; they both offer ways to batch process images in a variety of different ways right out of the box, and give you tools to easily create your own custom automation commands (Custom Commands in FW, Actions in PS).

If you've been watching my Bridge videos, you see that Bridge gives us access to many of the common batch commands available in Fireworks and Photoshop, so long as those applications are installed on your system.

One of the Photoshop tools I use quite often is a command called "Image Processor." This Photoshop script command allows me to select any recognizable graphic file format and batch process it into three other common digital formats; TIF, JPEG and PSD. Follow along in this video tutorial to learn more about how the Image Processor script works.



Create a Soft Mask in Flash CS3 Free!
by Tom Green,David Stiller - 30-Jul-07
Reader Level:

Masks with hard edges are easy to do in Flash. What about masks with feathered edges? That's another story. Learn how in this sixth excerpt written by Community MX partners David Stiller and Tom Green in the new book -Foundation Flash CS3 for Designers- from friendsofED

The Foundation Flash CS3 for Designers Excerpts
Motion Tween Effects in Flash CS3
Optimizing Flash Content for Use in Video
Adding Audio to Flash CS3
XML Captions for Video
Notes from the Photoshop File Importer
Create a Soft Mask in Flash CS3
Going Mobile in Flash CS3
Using XML in Flash CS3 to Build a Slideshow



Notes From the Photoshop File Importer Front Free!
by Tom Green,David Stiller - 26-Jul-07
Reader Level:

In this, the fifth of eight excerpts from their new friendsofED book- Foundation Flash CS3 for Designers- Community MX partners David Stiller and Tom Green examine a new feature of Flash CS3. The Photoshop File Importer in Flash CS3 is a welcome addition to Flash CS3. Just be aware there are a couple of "gotcha's" you need to know.

The Foundation Flash CS3 for Designers Excerpts
Motion Tween Effects in Flash CS3
Optimizing Flash Content for Use in Video
Adding Audio to Flash CS3
XML Captions for Video
Notes from the Photoshop File Importer
Create a Soft Mask in Flash CS3
Going Mobile in Flash CS3
Using XML in Flash CS3 to Build a Slideshow



Javascript & AJAX - Zero to Hero at CMX Free!
by Rob Williams - 25-Jul-07
Reader Level:

JavaScript and AJAX tend to be some of those "mystery technologies"; many developers talk about them as being important, most new developers are interested in learning them, but nobody really knows where to go to find out about them. Every now and again you'll run into a "JavaScript guru" who will let you know some important little tidbit, but if you want to learn, really learn, where do you go?

Fortunately here at CMX we've got you covered! Today I'm going to lay out a course outline, using articles and resources available here at CMX, that will allow anyone to go from zero experience to a full fledged JavaScript/AJAX hero in an ordered, concise and easy to follow process. If you've always wanted to learn these technologies but never quite known where to go or where to start, this is for you.



The Semantic Web and You
by Kim Cavanaugh - 24-Jul-07
Reader Level:

A worldwide web of interconnected information may sound like the very definition of the Internet, but in truth the notion that ideas can be connected together is profound, and a long way off from total realization.

This article takes a look at the ideas behind the term semantic web, and what it means to you as both a consumer and producer of online information. As Sir Tim Berners-Lee—who many consider to be the father of the Internet—has stated, this is "...not to the World Wide Web of today but rather the Semantic Web that it will evolve into tomorrow."



Filters or Effects in Illustrator
by Kim Dudley - 24-Jul-07
Reader Level:

If you have worked with Illustrator's filters or effects you may have noticed that there is a lot of replication between the two menus. Often if you find an item under the effects menu you will also find it under the filters menu and, in most cases, both will produce the exact same look. So what's up, why does Illustrator offer the same tools under two different menus?

In this article we will look at the filters and effects and discuss the differences between the two. We will also take a general look at how to use and edit effects and filters, when you need to rasterize an object and how to use the galleries.



Must-Have Extensions for Fireworks CS3 Free!
by Jim Babbage - 19-Jul-07
Reader Level:

A new software release is always kind of exciting, but with the release of products like Fireworks and Dreamweaver, it's even better. Not only can you expect new goodies in the application itself, but you can expect extension developers to create other cool commands and tools for the applications.

Fireworks CS3 has only been out for a short time, and already there is already an impressive list of new extensions we can make use of. This article will outline some of those extensions and point you to where you can find them.

And did I mention that all these extensions and commands are FREE?



Flex Community MX RSS Reader - Part 2
by Chaz Chumley - 18-Jul-07
Reader Level:

XML (eXtensible Markup Language) has been around for quite awhile and is used from anything as common as RSS feeds to sharing data with web services. Working with XML is actually not that difficult. Consuming XML within Flex is even easier with the use of the HTTPService object.

Building upon our last article, we will add some interactivity to our Flex CommunityMX RSS Reader by actually looking at how to retrieve an use an XML feed with a DataGrid, as well as explore using bindings to bind a TextArea to the columns of the DataGrid so that we can display all the results from our XML DataSet and filter on a selection to preview the contents of an article.

The Flex Community MX RSS Reader Series:
Flex Community MX RSS Reader - Part 1
Flex Community MX RSS Reader - Part 2



XML and AJAX: A New Paradigm - Part 9
by Rob Williams - 16-Jul-07
Reader Level:

When it comes to web development there are often a lot of technologies that people are aware of but never really understand or come to use in their daily tasks. XML tends to be one such technology. Most developers have heard of it, and usually have a general idea of what it is, but on the same level most have also almost never used it or understood the purpose of it for their usual projects.

In this series we're going to explore how we can use XML in a practical way to help us develop rather interesting and uniquely controlled/flexible web applications by combining it with AJAX.

Approximate download size: 1.8MB

In the ninth part of this series we're going to integrate the server-side components of application into our JavaScript code to complete our AJAX photo gallery.

The XML and AJAX Series:
XML and AJAX: A New Paradigm - Part 1
XML and AJAX: A New Paradigm - Part 2
XML and AJAX: A New Paradigm - Part 3
XML and AJAX: A New Paradigm - Part 4
XML and AJAX: A New Paradigm - Part 5
XML and AJAX: A New Paradigm - Part 6
XML and AJAX: A New Paradigm - Part 7
XML and AJAX: A New Paradigm - Part 8
XML and AJAX: A New Paradigm - Part 9



Introducing CMX JumpStart Washington, D.C. Free!
by Sheri German - 12-Jul-07
Reader Level:

Washington, D.C. is, of course, significant for being the capital of the United States, but it has also been my "hometown" since I was seventeen years old. I have lived in the city or one of its suburbs for all of my adult life. It is with the greatest pleasure, therefore, that I introduce the newest JumpStart, designed and coded by Adrian Senior, CMX JumpStart Washington, D.C.

Washington, D.C. is a two-column, fixed-width design that employs a horizontal band method for the header and footer areas. It has a main navigation level that uses the popular tabbed sliding doors technique. CSS based buttons on the left form the secondary navigation. Washington, D.C. meets the standards for CSS, XHTML and Accessibility, thus ensuring that you have a good solid layout on which to base a client site.



Bridge CS3 Overview - Part 3 - Tools Menu
by Jim Babbage - 11-Jul-07
Reader Level:

With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge.

To better demonstrate the usefulness of Bridge, I thought a series of videos was in order. This video, the third in the series, gives an overview of the Bridge tools menu. The tools menu is a hub of automation and productivity and I go into each menu item in detail.

If you're new to Bridge - or even if you'd just like a refresher, check out this article series.

If you haven't had the chance, make sure to watch Adobe Bridge Overview, Part 1 and Bridge Overview, Part 2.

Approximate download size: 20MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu



Triple Threat II: Tiger, Vista & Ubuntu Free!
by Thomas Pletcher - 10-Jul-07
Reader Level:

Are you using Parallels to run Windows on your Mac, or thinking about it? Then why not a Linux virtual machine as well?

The Triple Threat Series:
Triple Threat: Adding a Third OS to Your Dual-Boot Mac
Triple Threat II: Tiger, Vista & Ubuntu



Tips & Tricks for Illustrator: Guides and Measuring Tools
by Kim Dudley - 09-Jul-07
Reader Level:

I am lucky to have a job that I enjoy doing but I still don't want to spend any more time working than is absolutely necessary, so I love learning any little tricks that can speed up my day-to-day tasks. When you have worked with an application, such as Illustrator, for a long time you learn many shortcuts and handy little tools along the way. On the other hand, sometimes when you do something a certain way you keep doing it that way, not knowing there may be an easier and quicker method.

In this tutorial I will highlight some of the tips and tricks I use almost every day. I will focus on tips and tricks that involve guides and measuring. Some of them are specific just to Illustrator, while others can be used in some of the other Adobe applications. The following list is an outline of the topics we will cover.

  • Entering Measurements
  • Change the Units of Measurements
  • Changing the 0, 0 Position
  • Any Guide from any Ruler
  • Custom Guides
  • Restore a Dialog's Defaults
  • Hide and Show Guides
  • Aligning Guides
  • The Control Palette as a Calculator
  • Resizing Images and Text




Accessibility and 508: A Guide to Web Standards and Government Regulations Free!
by Bevi Chagnon - 06-Jul-07
Reader Level:

The buzzwords flying around this topic seem endless...usability...accessibility...Web standards...WCAG...WAI. Add government regulations to the mix — such as US Section 508 and Access Board Standards, Canadian CLF Standards, and the European Commission's e-Inclusion policy — and it's enough to drive you crazy!

This comprehensive overview clears up the confusion by reviewing what the standards are, who's affected by the government regulations, and what you must do — or are encouraged to do — to be compliant.

Although the Web standards are voluntary international standards, Section 508 regulations are only for US Federal government web sites and are required by federal law. And Canada's Content Look and Feel Standards affect only Canadian government websites. WCAG standards are not quite the same as US 508-accessibility standards, but this article shows were they converge...and where they don't.

Links to other US Federal, state, and local regulations are included, as well as several international government regulations, and relevant CMX articles and tutorials.

This article is for:

  • web developers and designers
  • audio, video, and animation developers
  • web masters
  • project managers
  • usability specialists
  • GUI (interface) designers
  • government contractors
  • government contracting officers, procurement specialists, and FAR specialists

Topics covered in this article:

  • Web standards, regulations, and entities: what's what and who's who.
  • When must you adhere to the standards
  • And when it's "smart" to meet the standards
  • WCAG guidelines and checkpoints
  • Comparison of WCAG guidelines and US Federal 508-accessibility requirements
  • Resources: Catalog of CMX articles and tutorials on building accessibility into your websites
  • Resources: Links to US Federal, local, state websites on accessibility
  • Resources: Links to international websites on accessibility




The PHP Insert Bar Explained
by Paul Davis - 03-Jul-07
Reader Level:

The PHP Insert bar is a collection of commonly used programming features in PHP. The collection is used to insert a snippet of PHP code in the page and relies upon you to complete the variable information. We will walk through each of the icons on this bar and detail what it does and how to make it complete for your purposes.



Playing Nice with Dreamweaver -- Making Code and Design View More Useful
by Tom Muck - 02-Jul-07
Reader Level:

Dreamweaver, as a visual tool and a coding tool, has achieved status as the premier development tool for the web—not only for static HTML pages, but for dynamic pages in ASP, JSP, ColdFusion, PHP, and ASP.NET. One of the reasons is the combination of design view with code view, and the fairly accurate representation in design view of your page. It's not a WYSIWYG program, but design view does present a very close approximation of WYSIWYG.

The time when DW does not accurately represent a page is usually when there is some server-side code involved. This article will show a few ways to make your server code "play nice" with Dreamweaver, while not sacrificing quality of coding. I will show examples in various server languages, but the examples are only meant to illustrate the concepts. This article should apply equally to all server models.



Rule #4 For Busy Freelancers to Follow: Self-Preservation
by Derrick Ypenburg - 29-Jun-07
Reader Level:

Self-preservation as a freelancer is a very hard task. Having to be disciplined enough to get work done on your own, having a clean home office, sending out invoices on time, eating meals, picking up the kids, etc., etc.. It's hard to handle everything, but there are things you can do for yourself to help you get into a better groove.

The points I'm making in this article are not published, industry standard rules, but rather a personal list of items I've found out for myself and good pieces advice I have received over the years. These serious, yet humorous tips on self-preservation are in no particular order. Enjoy!

The Rules for Busy Freelancers Series:
Rule #1 For Busy Freelancers to Follow: Don't Be Everything to Everybody
Rule #2 For Busy Freelancers to Follow: Be Honest with Your Scheduling
Rule #3 For Busy Freelancers to Follow: Manage Your Client as Well as the Project
Rule #4 For Busy Freelancers to Follow: Self-Preservation



CMX Design Element - Xenon
by Gordon Mackay - 29-Jun-07
Reader Level:

Hello, and welcome to the sixth CMX Design Element. It has been a while since we last released one of these, so we hope that this one comes as a bit of a treat.

This Design Element's code name is Xenon (that's the Xenon with a Zzee).

While our previous Design Elements have been loose designs with no particular theme, Xenon is a design that is focused towards (but not in any way limited to) financial themed sites.

It's designed along the same lines as many modern websites that contain much of the extended page content in an oversized footer section.

It looks like this:

Xenon
Image 1: CMX Design Element - Xenon.

What's Included?

  • The Xenon PNG file
  • Custom web icons drawn in Fireworks that will compliment the Xenon design perfectly
  • A STL file that will allow you to re-apply all the Fireworks Styles used in Xenon's design via the Styles Panel
  • Bullets and buttons specially designed to be used with Xenon
  • Full support via our forums

You also receive 6 bundled articles that explore the concepts and techniques used in the development of CMX Design Element - Xenon in detail:

  • Cool Pie Charts by Gordon Mackay
  • Best Practices Work Flow in Fireworks CS3 by Jim Babbage
  • Fireworks Layers - Best Practices by Jim Babbage
  • Designing with Gradients and Glows by Adrian Senior
  • Reflections on a Theme in Fireworks by Kim Cavanaugh
  • Creating Web Icons: Part 1 by Gordon Mackay

Our aim with the CMX Design Elements series is to provide you with an educational, as well as productivity enhancing, tool to reuse as often as you need.

Approximate download size: 28MB

The CMX Design Elements
CMX Design Elements - Krypton
CMX Design Elements - Carbon
CMX Design Elements - Gold
CMX Design Elements - Mercury
CMX Design Elements - Iodine
CMX Design Elements - Xenon





Best Practices for Multi-page and Hierarchical Layer Designs in FW CS3
by Jim Babbage - 27-Jun-07
Reader Level:

With the release of Fireworks CS3, some may be wondering how to best approach the design process using the new feature set. This article will cover my experiences and recommendations for working with the Pages and Master Page features, as well as the new Hierarchical Layers feature; things to do, things to avoid and ways to help structure your designs.

I've written and talked on these subjects through various articles and videos, but this article will nail down some key points, much like my much earlier Fireworks Layers- Best Practices did in 2005.

While much of that older article still stands true, now we have the ability to control and organize the design process even further. First I will go into detail about each feature, then at the end of each section, I'll summarize with bullet points.



Managing Backup Scheduling and Archiving
by Adrian Senior - 27-Jun-07
Reader Level:

In this article we will look at how to build and schedule a successful backup and archiving index for our development work.



Flex Community MX RSS Reader - Part 1 Free!
by Chaz Chumley - 25-Jun-07
Reader Level:

If you have an RSS Reader then you might already know that Community MX provides a RSS feed located here, which you can subscribe to. Also, whenever you perform a search on a particular topic with the Community MX site you have an option to view the results as a RSS feed at the bottom of your search results.

We are going to take this RSS feed and build a RSS Reader in Flex that, by default, will return the last 30 days of content. We will provide the user with a search capability to filter the results from Community MX which will display in a data grid the Title, Category and Publish Date. The data grid will give the user the ability to sort the columns headers as well as rearrange the column orders. Once the user highlights and selects an article, we will display the description of that article along with the link to where the full article can be found.

We will be doing this in a series of steps. So let's get started by creating our Flex project, which we will call "CMXRss". If you are unfamiliar with how to create a Flex project please refer to the following articles:

Flex 2.0 - Part 1: Exploring the IDE
Flex 2.0 - Part 2: Building a Simple Application

The Flex Community MX RSS Reader Series:
Flex Community MX RSS Reader - Part 1
Flex Community MX RSS Reader - Part 2



TODCon 9: Day Three Free!
by Jim Babbage - 22-Jun-07
Reader Level:

As I mentioned in my TODCon summary, the topic coverage at TODCon was far ranging. Wednesday, the final day, was no different in this regard. There were ten sessions one could attend on the final day. This overview will give you some insight into the topics covered on the final day of TODCon 2007.



Rule #3 For Busy Freelancers to Follow: Manage Your Client as Well as the Project
by Derrick Ypenburg - 22-Jun-07
Reader Level:

Not managing the client while managing their project is a big mistake made by many freelancers. As a freelancer, you are plugging away to get the job done (barely keeping your head above water) and then at the end of it all, your client comes back to you with a whack of changes, concerns, unreasonable demands, or frustrations. I hear this all of the time from colleagues and have had some of these experiences myself. I think some of the lack of client management may, in-part, stem from the reason why people get into freelance in the first place. Most of us freelancers got tired of working for a boss. Although you may be your own boss, your clients are your boss when you take on a project with them. You need to manage them and treat them like you would treat a boss in any other job.

The Rules for Busy Freelancers Series:
Rule #1 For Busy Freelancers to Follow: Don't Be Everything to Everybody
Rule #2 For Busy Freelancers to Follow: Be Honest with Your Scheduling
Rule #3 For Busy Freelancers to Follow: Manage Your Client as Well as the Project
Rule #4 For Busy Freelancers to Follow: Self-Preservation



TODCon 9: Day Two Free!
by David Stiller - 21-Jun-07
Reader Level:

The Las Vegas strip is lit up at all times. While this is certainly a true statement, the phrase "lit up" merely hints at the teaming magnetism of the neon dynamos that whirl, blink, and jitterbug off every building, billboard, and casino slot machine. If you remember the "Sorcerer's Apprentice" segment in Disney's Fantasia — where Mickey unwittingly awakens a swarm of enthusiastic broomsticks — you'll have an inkling of the sort of enchantment that has here awakened the humble light bulb. Think of it as a chorus line of <blink> tags personified. Every last one alluring, all vying for your attention.

In light of this (hey, a pun!) it wasn't until day two of TODCon that I found myself able to instinctively locate the conference meeting rooms. Until then, I had been adrift among the brilliance, veering from this placard to that, winding my way — always distracted! — toward the escalators that led to the stairs that led to the breakfast buffet that led to the rooms.



TODCon 9: Day One Free!
by Tom Green - 20-Jun-07
Reader Level:

Religious revival, surly greetings to the U.S., ugliness at the restaurant and enough information to make your head explode. Yep. TODCon, Day One.



XML and AJAX: A New Paradigm - Part 8
by Rob Williams - 18-Jun-07
Reader Level:

When it comes to web development there are often a lot of technologies that people are aware of but never really understand or come to use in their daily tasks. XML tends to be one such technology. Most developers have heard of it, and usually have a general idea of what it is, but on the same level most have also almost never used it or understood the purpose of it for their usual projects.

In this series we're going to explore how we can use XML in a practical way to help us develop rather interesting and uniquely controlled/flexible web applications by combining it with AJAX.

In the eighth part of this series we're going to continue to add functionality to the AJAX photo gallery by developing the server-side components that we'll need.

The XML and AJAX Series:
XML and AJAX: A New Paradigm - Part 1
XML and AJAX: A New Paradigm - Part 2
XML and AJAX: A New Paradigm - Part 3
XML and AJAX: A New Paradigm - Part 4
XML and AJAX: A New Paradigm - Part 5
XML and AJAX: A New Paradigm - Part 6
XML and AJAX: A New Paradigm - Part 7
XML and AJAX: A New Paradigm - Part 8
XML and AJAX: A New Paradigm - Part 9


Approximate download size: 910k



Rule #2 For Busy Freelancers to Follow: Be Honest with Your Timelines
by Derrick Ypenburg - 18-Jun-07
Reader Level:

In my quest for streamlining my small business, my next rule is honesty! I am an honest business person, but I'm not always honest when it comes to timelines. My clients never see this dishonesty however. That's because I work like mad behind the scenes to keep up when I make un-realistic deadlines. Not being honest with your client/yourself doesn't only cost you time and sanity, it costs you money. It can cost you lots of money$$$

The Rules for Busy Freelancers Series:
Rule #1 For Busy Freelancers to Follow: Don't Be Everything to Everybody
Rule #2 For Busy Freelancers to Follow: Be Honest with Your Scheduling
Rule #3 For Busy Freelancers to Follow: Manage Your Client as Well as the Project
Rule #4 For Busy Freelancers to Follow: Self-Preservation



TODCon 9 Session - Better Scripting Through DOM JavaScript Coding Free!
by Paul Davis - 15-Jun-07
Reader Level:

Here is my PowerPoint presentation from the TODCon session on Better Scripting through DOM JavaScript coding. It will cover the reasons why DOM coding is good, go over libraries and why to do them and introduce (although not provide) several scripts that have been written to take advantage of the DOM scripting.



TODCon 9 Session - Tabbed Content Switching Using JavaScript & AJAX Techniques Free!
by Paul Davis - 15-Jun-07
Reader Level:

The download file for this article contains my PowerPoint presentation from the TODCon session on Tabbed content switching using JavaScript & AJAX techniques. The content includes a RSS feed, both local and remote, and AJAX content, both on demand and continually updated. Utilizes the Spry framework from Adobe Labs.



Why Illustrator?
by Kim Dudley - 14-Jun-07
Reader Level:

Illustrator comes bundled with Adobe Creative Suite Design Premium, Design Standard, Production Premium and Creative Suite Web Premium. Having Illustrator included with the Design packages is expected since most designers often use a drawing application such as Illustrator for laying out artwork or creating graphics such as logos. But why is Illustrator included with the Web premium suite? How can Illustrator benefit web designers and do they really need it if they have Fireworks?

In this article we will look at the strengths and weaknesses of Illustrator and discuss if and when Illustrator can benefit a web designer even if they have Fireworks.



Triple Threat: Adding a Third OS to Your Dual-Boot Mac Free!
by Thomas Pletcher - 12-Jun-07
Reader Level:

Think you're cool for running Tiger and Vista on the same machine? Try this on for size.

The Triple Threat Series:
Triple Threat: Adding a Third OS to Your Dual-Boot Mac
Triple Threat II: Tiger, Vista & Ubuntu



Spry Table Free!
by Chaz Chumley - 11-Jun-07
Reader Level:

Adobe has created a great and easy to use AJAX framework in Spry. The integration into Dreamweaver CS3 makes creating Ajax based web pages a breeze. Keep in mind that you don't have to have Dreamweaver CS3 to utilize this framework, but it helps.

In our Spry XML Series we have taken a look at the various methods to grab and populate XML data from both a static and dynamic XML dataset. To finish off the series we will take a look at the Spry Table which allows us to display tabular data, sort the data and format even/odd rows, hover and selection effects with CSS integration.

The Spry XML Series:
Spry XML Data Set
Spry Region and Repeat
Spry Repeat List
Spry Table



Bridge CS3 Overview - Part 2: Bridge Functionality
by Jim Babbage - 06-Jun-07
Reader Level:

With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge. I have written about Bridge in its CS2 incarnation and also recently put together an article that looked at the integration between Bridge CS3 and Fireworks CS3.

To better demonstrate the usefulness of Bridge, I thought a a series of videos was in order. This video, the second in the series, gives an overview of the Bridge functionality, talking specifically about launching Bridge from other applications, setting Bridge preferences, and working with folders and favorites tabs.

Approximate download size: 15.4MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu



Tips and Tricks for InDesign
by Kim Dudley - 05-Jun-07
Reader Level:

In business today many people work from home or in small offices with only one or two employees. This is often an ideal situation for the employee or entrepreneur, but with every situation there are pros and cons. Having worked in many different office situations I have found that one of the disadvantages to working alone is the isolation. When you work with other people you have the opportunity to share ideas and knowledge, this helps everyone increase their expertise and if you are lacking skills in a certain area there is usually someone to help you along the way. I often consider Community MX my co-worker since whenever I have a problem or a question this is where I turn, so in this tutorial I thought I'd share some of my favorite little features, tools and shortcuts within InDesign. I will cover the features that I use in everyday projects, including:

  • Entering Values
  • Actual versus effective ppi of an image
  • Dynamic Spelling
  • Over riding Text Wraps
  • Selecting objects that are behind others
  • Document Save History
  • Resizing Images or Text
  • Viewing with or without guides
  • Multiple file import (new in CS3)
  • Auto fill




How are we doing? Free!
by Ray West - 04-Jun-07
Reader Level:

As we enter our 5th year here at Community MX we want to hear what you have to say about how we're doing so far. Anything you'd like us to do that we aren't? Something you'd like to see covered that isn't? A topic we cover that you'd like to see more on?

Now's your chance to let us know exactly what you'd like to see and what you think. We want to hear what you have to say, the good...the bad....and yes, even the ugly. :-)



Rule #1 For Busy Freelancers to Follow: Don't be Everything to Everybody Free!
by Derrick Ypenburg - 30-May-07
Reader Level:

Are you struggling with your personal business in the new age of Web 2.0? Well you're not alone. I've come to a crossroads where I need to re-evaluate what I'm doing, and what I need to change/do to keep up in these busy times. To help me with the growing pains, I will be writing each part of this series as a new rule for me to follow. I hope these rules help you as well in your new media business.

The Rules for Busy Freelancers Series:
Rule #1 For Busy Freelancers to Follow: Don't Be Everything to Everybody
Rule #2 For Busy Freelancers to Follow: Be Honest with Your Scheduling
Rule #3 For Busy Freelancers to Follow: Manage Your Client as Well as the Project
Rule #4 For Busy Freelancers to Follow: Self-Preservation



Flowing and Positioning: Two Page Models -Revised for IE7
by John Gallant,Holly Bergevin - 25-May-07
Reader Level:

In seeking to broaden your web design horizons beyond the use of tables for laying out pages, you may have come across terms such as 'Normal flow' and 'CSS Positioning.' However, you may be slightly hazy concerning what these terms actually mean. If so, it's time to learn some basics on the ways web pages are visually constructed on the screen by current browsers. In this article we'll look at 'the flow' of a web page, and briefly cover each of four position property values, static, absolute, relative and fixed. We'll also talk about some of the bugs you may encounter. When we're done, you should have a much better grasp on the topic at hand.

This article is an update (May 2007) to the original article, with special attention paid to the IE7 browser.



Spry Repeat List
by Chaz Chumley - 24-May-07
Reader Level:

So far in our series on Spry (the Ajax Framework), we have taken a look at how to build a Spry XML Data Set and publish the results to a web page using Dreamweaver CS3. Although it is not required to have Dreamweaver CS3 to utilize the Spry Framework, it definitely makes it much easier.

We will continue to look at another subset of the Spry toolbar when it comes to repeating XML data in a list. Spry Repeat List gives us an option to specify our Spry Data Set and output the contents we want repeated within an unordered list, an ordered list, a definition list or a select.

The Spry XML Series:
Spry XML Data Set
Spry Region and Repeat
Spry Repeat List
Spry Table



Bridge CS3 Overview - Part 1: The Bridge Interface
by Jim Babbage - 23-May-07
Reader Level:

With the launch of Adobe CS3, many former Macromedia users are now being exposed to a wider range of software applications. One of these applications is Adobe Bridge. I have written about Bridge in its CS2 incarnation and also recently put together an article that looked at the integration between Bridge CS3 and Fireworks CS3.

To better demonstrate the usefulness of Bridge, I thought a video (or a series of videos) was in order. This video, the first in the series, gives an overview of the Bridge interface and talks specifically about customizing the workspace, and how to work with ratings, labels, keywords and filters.

Approximate download size: 17MB

The Adobe Bridge CS3 Series:
Bridge CS3 Overview - Part 1: The Bridge Interface
Bridge CS3 Overview - Part 2: Bridge Functionality
Bridge CS3 Overview - Part 3: Tools Menu



Introducing CMX JumpStart Tahoe Free!
by Sheri German - 18-May-07
Reader Level:

If you've been around a while, you may remember the CMX JumpStart Vegas that was released in the summer of 2005 by Stephanie Sullivan and Linda Rathgeber. As one of our most popular JumpStarts, it inspired some CMX subscribers to request a fluid version of this fixed-width design. Zoe Gillenwater, one of our great CSS gurus, happily complied with our newest CMX JumpStart Tahoe, a JumpStart modification. Tahoe, like Vegas, is located in Nevada, and because it shares many of the same kinds of entertainment centers, seems like a fitting city for a permutation of the Vegas design. And Tahoe has one thing that Vegas doesn't - the beautiful Lake Tahoe that gives literal meaning to the tagline in the Tahoe JumpStart: "Like Vegas, only fluid."

Tahoe uses valid XHTML 1.0 and CSS 2.1 markup and follows WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design you may wish to use it for. Tahoe is a two column elastic layout, which means it expands in width based on the user's font size. This allows the overall proportions of the page to stay intact regardless of the visitor's window or font size. The design also features a subhead area, skip link, a styled list as a navigation menu, and floated images.





Backing Up Your SQL Server Databases
by Adrian Senior - 17-May-07
Reader Level:

When you are working with dynamic websites their can be little more important than backing up your data, the data within each database may represent years of data that would be extremely difficult to replace if lost. In this article we will look at performing backup and restore operations through Microsoft's Query Analyzer and make provision to store our backup files away from the production server.



Cleaning Email Addresses in SQL Server
by Tom Muck - 08-May-07
Reader Level:

So you have an email list that has everything from valid, well-formed email addresses to useless gibberish that someone thought would get them through the form without hassle. Obviously, the best way to maintain an email list is to catch the badly formed email addresses before they occur -- through JavaScript or server-side validation. That does not always catch the culprits though. Most of these scripts use regular expressions, which catch the badly formed addresses but do nothing with bad addresses. Also, you may have inherited a list or maintained a list that did not validate addresses.

This article will show a couple of SQL Server user-defined functions that you can use to manually go through your list and find/fix/delete the bad addresses.



Spry XML Data Set
by Chaz Chumley - 07-May-07
Reader Level:

With all the development buzz around AJAX (Asynchronous JavaScript and XML) to provide a rich interface to your web sites, Adobe has injected its Spry Framework into the next version of Dreamweaver CS3. In fact Spry now has an actual toolbar that allows you to drag, drop and wire up Spry widgets into your next web project with little knowledge of what is actually going on behind the scenes. Since XML (Extensible Markup Language) makes up one of the functional pieces of the Spry framework we will start off by taking a look at how to use the Spry XML Data Set.

The Spry XML Series:
Spry XML Data Set
Spry Region and Repeat
Spry Repeat List
Spry Table



Running Windows on a Mac
by Bevi Chagnon - 04-May-07
Reader Level:

You've heard that others are doing it ... running Windows and other operating systems on their Macs. And you're envious. It's not as difficult as you'd expect. In fact, it's quite painless and much of the drudgery has been taken out of the process. Here's a look at how you can set up Windows to run on an Intel Mac using either Parallels or Apple's Bootcamp. This article compares the pros and cons of Parallels vs. Bootcamp, gives you insider advice and how-to's, and provides resources for further information.



The Art of Encoding Flash Video - Part 3: Advanced Compression Settings with Sorenson Squeeze
by Derrick Ypenburg - 01-May-07
Reader Level:

In the first two installments of the Art of Encoding Series, I covered the basics of the FLV Format, The Art of Encoding Flash Video: About the FLV Format and introduced everyone to encoding video using Sorenson Squeeze, The Art of Encoding Flash Video: Sorenson Squeeze.

This installment will go further into the compression settings of Sorenson Squeeze 4.5 using its advanced compression settings. Getting familiar with and using these advanced settings will result in higher encoded video quality and better playback performance of Flash video. If you are not familiar with Sorenson Squeeze 4.5, please read the introduction article to Sorenson Squeeze, The Art of Encoding Flash Video: Sorenson Squeeze.

The Art of Encoding Flash Video Series:
The Art of Encoding Flash Video - Part 1: About the FLV Format
The Art of Encoding Flash Video - Part 2: Sorenson Squeeze
The Art of Encoding Flash Video - Part 3: Advanced Compression Settings with Sorenson Squeeze



Coloring Your World - Part 3: Color Trends and Possibilities
by Derrick Ypenburg - 30-Apr-07
Reader Level:

Why do we choose the colors we do?

Look back at your past projects and see the colors that you have used over and over. A trend will surely emerge. I notice that often I use browns and sky blues together. Color trends are everywhere whether they are incental, or planned.

Working with color can be a tricky thing. Many designers get stuck at times using color to "decorate" a design rather than using color effectively to draw attention and lead the eye. We'll have a look at what you can do to avoid the "color slump" by stripping your designs of color and starting from black and white.

Further, we'll look at creating color combinations and the "hot" new color for 2007!

The Coloring Your World Series
Coloring Your World - Part 1: Color Basics
Coloring Your World - Part 2: Two Worlds of Color - Digital vs Print
Coloring Your World - Part 3: Color Trends and Possibilities



InDesign CS3: New and Improved Features for Power Users and Publishers Free!
by Bevi Chagnon - 30-Apr-07
Reader Level:

InDesign CS3 adds many features for power-users and publishers of books, magazines, and technical publications. Tools for formatting tables (table styles and cell styles), nested InDesign documents, and electronic notes are just a few of the new utilities that boost productivity. Toss a few more features into the mix, like multi-level numbered lists and variable data fields, and InDesign now has the tools to tackle just about any type of long document out there, including catalogs, directories, technical manuals, and SMT books.



Dreamweaver CS3 - CSS Management
by Chaz Chumley - 27-Apr-07
Reader Level:

We have all been awaiting the new Adobe CS3 products to come out, especially that of Dreamweaver CS3. There have been a lot of great improvements with this latest version in terms of Cascading Style Sheet management. Not to say that Dreamweaver 8 didn't display CSS particularly well, but we all know it had its shortcomings. However this newest version implements some great design flow tools when it comes to how most developers work with CSS.

We will be taking a look at converting inline styles to a CSS rule, reordering CSS rules and finally how to move embedded styles to an external style sheet all from the CSS Styles Panel or context menu.



Flash PowerTools: Code Automation with SEPY Free!
by Joseph Balderson - 26-Apr-07
Reader Level:

Out there in the Flash design and development world, there are many tools available to assist in creating projects. These are "power tools" that supercharge the task of designing, coding, compiling, testing and documenting, allowing you to save time and present ideas much more effectively. Some have been around for a few years, and some are pretty new. This series highlights some of the open source tools and techniques which have made my life as a Flash developer much more effective.

When coding an object-oriented project involving many external ActionScript files, using the SEPY ActionScript Editor has been quite simply a boon to my life as a Flash developer, whose features have saved me a lot of time and headaches. One of those features is the ability to automate code creation. In this article we will look at how SEPY can make your job as a Flash developer a whole lot easier.


The SEPY Snippets panel

The Flash PowerTools Series:
Flash PowerTools: Code Automation with SEPY
Flash PowerTools: FlashTracer for Firefox
Flash PowerTools: Standalone FLV Players
Flash PowerTools: Transition and Tween Explorer
Flash PowerTools: Flash Switcher for Firefox
Flash PowerTools: Exploring Gradients
Flash PowerTools: Kuler Color - Part 1
Flash PowerTools: Kuler Color - Part 2 Coming Soon



Spry Tabbed Panels Free!
by Adrian Senior - 24-Apr-07
Reader Level:

The release of Dreamweaver CS3 saw the integration of the new Spry widgets, in this article we will look at the Spry Tabbed Panels. We will look at how we can action and edit the widgets and see just how easy they are to edit and build on.



Cheating with AJAX
by Tom Muck - 24-Apr-07
Reader Level:

AJAX is a wonderful technology for making the user experience more gratifying. The usual use of AJAX is to pull some small piece of dynamic information from the server and populate a portion of your page with that information, rather than reload the entire page. Usually, the data you retrieve from the server is a small piece of text that you would insert into a form field or into an area of the page that requires a change.

I'm going to show a technique that speeds up a page load, but uses AJAX in a kind of "cheating" way—loading in entire HTML sections and simply writing them to the page. For the JavaScript/XHTML purist, this might be a cludge, but for the web developer who wants a simple way to speed up a page load in certain situations, it might be just the right technique.



A Photoshop CS3 Sneak Peek - New Features Free!
by Jim Babbage - 20-Apr-07
Reader Level:

There are indeed many new things coming with the release of Photoshop CS3. The phrase "jam-packed" comes to mind. Between new features and improvements to existing features and tools, this is one pretty amazing upgrade. Perhaps the most noticeable is the fact there will be two versions of Photoshop: Photoshop CS3 and Photoshop CS3 Extended.

I'll start with Photoshop CS3 and then give a brief overview of the extra goodies in CS3 Extended.

Tag along and see what's in store.



Getting Productive with Adobe Bridge: Fireworks CS3 Integration
by Jim Babbage - 18-Apr-07
Reader Level:

For years, Fireworks users have been clamouring for some method of browsing and previewing files without having to go into Windows Explorer or the Mac Finder. Something seamless, that actually worked with Fireworks. Heck, it got to the point where many of us would have been happy with the equivalent of the Files tab from Dreamweaver. But now, the wait is over.

Now that Fireworks has become part of the Adobe fold, this wish has come true! Adobe Fireworks CS3 is now integrated with Adobe Bridge CS3. I have written several articles on Community MX with respect to Bridge CS2, but at that time, Fireworks and Bridge were not communicating to each other. With the launch of the CS3 Suite, not only is there far more communication between former Macromedia and Adobe apps, Bridge CS3 has gotten a massive cosmetic and functional overhaul. From a visual perspective alone, Bridge CS2 and CS3 look completely different.



FusionDebug 2.0 - Variables
by Chaz Chumley - 17-Apr-07
Reader Level:

This is the final article in our series on FusionDebug 2.0, an interactive ColdFusion debugger. While we have looked at configuration, setting breakpoints within a template and stepping thru a CFC to examine the results of a query within the Variables panel, we have not looked at one of the most important functions of FusionDebug.

Variable Introspection is very powerful in that we don't have to use <cfdump> to see what various scoped variables contain. As well as with FusionDebug 2.0 we can also change the values contained within those variables which makes it a great way to test a ColdFusion application and change values during run-time to see how certain sections of code will work.

In this article we will look at a couple of examples on changing a variables value during run-time.

The FusionDebug Series
FusionDebug 2.0 - Configurations
FusionDebug 2.0 - Setting Breakpoints
FusionDebug 2.0 - Stepping Through a CFC
FusionDebug 2.0 - Variables



Using the CS3 Studio Flash Video Encoder
by Tom Green - 13-Apr-07
Reader Level:

Sporting a brand new look and a feature that will knock your socks off, the CS3 version of the Flash Video Encoder may just be a the sleeper hit of the Studio.

Approximate download size: 8.4MB



How To Attack An Internet Explorer Display Bug -Revised for IE7 Free!
by John Gallant,Holly Bergevin - 11-Apr-07
Reader Level:

Many authors who desire to make the switch to tableless design can be brought up short when they encounter various browser bugs. Internet Explorer for Windows can present some significant challenges to this switch, exhibiting a variety of display problems. Although a full understanding of how IE "gets it wrong" may not be within reach for everyone, it is possible to get by with a few key bug fixing tools.

The original article was written with IE6 and lower browsers in mind, but there's a new player in the arena, IE7. While many of the display problems have been dealt with, this new browser may still need some special treatment.

So, we've revised, updated and rewritten this article, with a focus on how to bring IE7 along when it needs bug fixing like its older siblings. This is information you need to know!



Dude, Where Do I Put My Code? - Part 3
by David Stiller - 06-Apr-07
Reader Level:

Beginners to Flash programming often find themselves asking a fundamental question: "Dude, where do I put my code?" A quick sweep of the 100s of Community MX Flash tutorials, as well as other code repositories on the Web, reveals quite a few choices. You can put ActionScript into keyframes; attach it directly to objects, such as buttons; put it into external text files; and even write a special kind of external file called a class. So, which approach is best? Are some better than others?

To arrive at an answer, this series takes a stroll among the various techniques mentioned. This is not an article on ActionScript syntax or how to program, but rather, an overview of approaches you might take while getting your feet wet. In Part 1, we looked at code attached to timeline keyframes. In Part 2, we rode a carriage down memory lane to examine code directly attached to objects. Here in Part 3, we conclude with a brief discussion on code in external files.

The Dude Where Do I Put My Code Series:
Dude, Where Do I Put My Code? - Part 1
Dude, Where Do I Put My Code? - Part 2
Dude, Where Do I Put My Code? - Part 3



Flash PowerTools: FlashTracer for Firefox Free!
by Joseph Balderson - 06-Apr-07
Reader Level:

Out there in the Flash design and development world, there are many tools available to assist in creating projects. These are "power tools" that supercharge the task of designing, coding, compiling, testing and documenting, allowing you to save time and present ideas much more effectively. Some have been around for a few years, and some are pretty new. This series highlights some of the open source tools and techniques which have made my life as a Flash developer much more effective.

This article covers a utility which I consider to be paramount to any Flash developer's toolkit: the FlashTracer extension for Firefox.



The Flash PowerTools Series:
Flash PowerTools: Code Automation with SEPY
Flash PowerTools: FlashTracer for Firefox
Flash PowerTools: Standalone FLV Players
Flash PowerTools: Transition and Tween Explorer
Flash PowerTools: Flash Switcher for Firefox
Flash PowerTools: Exploring Gradients
Flash PowerTools: Kuler Color - Part 1
Flash PowerTools: Kuler Color - Part 2 Coming Soon



Introducing CMX JumpStart Detroit Free!
by Sheri German - 05-Apr-07
Reader Level:

We are pleased to introduce our latest CMX JumpStart: Detroit. Created by Adrian "JoJo" Senior, it has all the trademarks of his designs: clean with no-fuss CSS, easy to modify, and always professional looking. This two-column, centered, fixed-width layout includes a shadowed, tapering background image on the main column that gives the effect of a raised platform for the content. Like all JumpStarts, Detroit uses valid XHTML 1.0 and CSS 2.1 markup and follows WAI and Section 508 accessibility guidelines.



Flash PowerTools: Standalone FLV Players Free!
by Joseph Balderson - 04-Apr-07
Reader Level:

Out there in the Flash design and development world, there are many tools available to assist in creating projects. These are "power tools" that supercharge the task of designing, coding, compiling, testing and documenting, allowing you to save time and present ideas much more effectively. Some have been around for a few years, and some are pretty new. This series highlights some of the open source tools and techniques which have made my life as a Flash developer much more effective.

Many times in the past I found myself wanting to preview an FLV video, either for pre-selection during development, or simply to watch a video I had downloaded from the net. Problem is, Flash does not come with a standalone FLV player out of the box. The solution: use a standalone FLV player. This article will cover three popular, free standalone FLV players, by Martijn Devisser, Nothing Media and Blitz Labs (Windows only).

The Flash PowerTools Series:
Flash PowerTools: Code Automation with SEPY
Flash PowerTools: FlashTracer for Firefox
Flash PowerTools: Standalone FLV Players
Flash PowerTools: Transition and Tween Explorer
Flash PowerTools: Flash Switcher for Firefox
Flash PowerTools: Exploring Gradients
Flash PowerTools: Kuler Color - Part 1
Flash PowerTools: Kuler Color - Part 2 Coming Soon



FusionDebug 2.0 - Stepping Through a CFC
by Chaz Chumley - 04-Apr-07
Reader Level:

In our last article we took a look at setting breakpoints within ColdFusion templates using FusionDebug 2.0 an interactive debugger for ColdFusion. While we paused code execution on a single page to view the variables contained within the page, I would bet that we have all built more complex applications that involve the use of ColdFusion Components (CFCs). FusionDebug 2.0 is a great tool in that we can set a breakpoint on any page, including CFCs, UDFs (User Defined Functions) and even custom tags. Knowing this we will take a look at what happens when we set a breakpoint on a query contained with a CFC and how we can view the contents of the query prior to actually outputting the results to browser.

The FusionDebug Series
FusionDebug 2.0 - Configurations
FusionDebug 2.0 - Setting Breakpoints
FusionDebug 2.0 - Stepping Through a CFC
FusionDebug 2.0 - Variables



Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
by Bevi Chagnon - 02-Apr-07
Reader Level:

Think of a PDF as a wrapper: it holds together the text, graphics, photos, fonts and other items that make up your source document, and wraps them up into one convenient PDF file that you can send to commercial print shops for printing, or upload to your website, or send to a client for approval.

This second article in the series looks under the hood of PDFs and outlines the best practices for creating source documents and PDFs for your particular purpose—press-quality, print-quality, and web-quality PDFs.

The Acrobat PDF Series
Acrobat PDF 101: What’s a PDF and What Do I Use to Make One?
Acrobat PDF 102: PDF Ground Rules for Press, Print and Web
Press-Quality PDFs: Making Acrobat PDFs from InDesign and Other Creative Suite Programs



A Look at The Integration Between Fireworks and Photoshop CS3
by Jim Babbage - 30-Mar-07
Reader Level:

Communication – that’s what this industry is all about. For years, Fireworks and Photoshop have been like those two brothers who never really talked to each other and wouldn’t share their knowledge either. With the release of CS3, these two applications have finally buried the proverbial hatchet and are clasping hands – if somewhat tentatively at times.

Many graphics professionals use more than a single application to create their work. Personally, I’m always moving from FW to PS, depending on my client’s needs and the goals of the project. This shuffling back and forth has become much easier with CS3. A great deal of effort was put into making Fireworks and Photoshop more compatible in this release. Here’s the list in brief:

  • Improvements to the Photoshop Import and Export functions within Fireworks
  • Hierarchical Layers panel
  • FW support for Photoshop Layer Effects, with the Live Filters menu.
  • Support for commonly used Photoshop blend modes
  • Bridge/XMP Data Integration

Follow along in this Sneak Peek article for more reasons to consider upgrading.





Rapid Prototyping in Fireworks CS3
by Tom Green - 30-Mar-07
Reader Level:

When it comes to Fireworks CS3 Adobe is linking the application to the phrase: "Rapid Protoytyping". Here is what they are talking about.

Approximate download size: 5.7MB



CS3 Sneak Preview: Device Central Free!
by Adrian Senior - 29-Mar-07
Reader Level:

Integrated with Dreamweaver CS3 as well as throughout the family of Creative Suite 3 software, Adobe Device Central simplifies the creation of mobile content with built-in mobile device skins and regularly updated device profiles. Besides the ability to quickly access essential technical specifications for each device, Adobe Device Central displays HTML content and allows you to scroll using the buttons on the device. The Small Screen Rendering (SSR) mode will shrink the text and images to show accurate rendering as it would appear on the device. Now you can easily design, preview, and test engaging mobile content and rich user interfaces.



The New and the Improved in Illustrator CS3 Free!
by Kim Dudley - 29-Mar-07
Reader Level:

Adobe Illustrator is a vector drawing tool that has always been quite flexible in terms of creating artwork. Using Illustrator's drawing tools and effects, an unlimited variety of graphics can be created and saved or exported for use in many different mediums. In addition, Illustrator's layout, typographic and prepress tools make it possible to create complete layouts within the application.

With the introduction of Illustrator CS3 Adobe expands Illustrator's flexibility and most importantly, streamlines the way you work in Illustrator. This upgrade is all about productivity and the updates are a welcome enhancement to Illustrator's existing toolset.

Illustrator CS3 has many updates and additions, in this article we will look at 10 of my favorites.



A Fireworks CS3 Sneak Peek - Multiple Pages and Hierarchical Layers Free!
by Jim Babbage - 28-Mar-07
Reader Level:

Presented for your consideration; a world where there is no more:

  • Showing and hiding different sized and/or colored overlapping web slices
  • Hiding and showing layers on specific frames to ensure your overlapping slices are exported correctly
  • Juggling web layer hierarchy for the same reason
  • Using frames as a comping tool for multiple designs
  • Creating multiple PNG files for each different web interface design

You haven't entered the Twilight Zone. You've been warped into the Adobe Zone, and specifically (big surprise for those of you who read my articles) Fireworks CS3.

Fireworks CS3 includes many updates. It's probably the biggest feature release in years for Fireworks. And while those features don't include much needed changes to the main bitmap or vector tool set, other very significant tools have been added. Indeed, Adobe has put Fireworks on a path that I believe will keep the app around for a long time.

The addition of hierarchical layers, multiple page and multiple web layers support are only a few of the features that put Fireworks on the path as one of the best graphical rapid prototyping tools out there.





CS3 Sneak Preview: The CSS Panel Free!
by Adrian Senior - 28-Mar-07
Reader Level:

Not everyone can create the right CSS rules, in the right place, on the first try. To get things right, it’s often necessary to move, rename, or otherwise change the structure of your CSS. Additionally, many people like to introduce CSS changes incrementally to a site, first by getting the CSS working on a single page, and then working on the entire site. Others prefer to step back further and get the CSS working on a single element before trying to make it work for a whole page. The Manage CSS feature makes it easier for you to move CSS rules from document to document, from the head of a document to an external sheet, between external CSS files, and more. You can also convert inline CSS to CSS rules, and place them where you need them—just by dragging and dropping.



Flash Video: Move Over? Free!
by Robert Reinhardt - 27-Mar-07
Reader Level:

In November 2006, I wrote an article title "Flash Video: Why the Other Players Don't Get It", wherein I made a case for Flash Video on the web. Indeed, Flash Video is everywhere on the web, from Google to YouTube to Blip.tv. However, within the last couple of weeks, Flash Video suffered a casualty: ABC.com replaced Flash Video as the video player technology on their showcase Full Episode Streaming site. I initially blogged about the event, chiding Adobe for not moving faster to address widely known concerns about Flash Video streaming on the web, especially by providers who want to protect their content. After my post received over 1000 web views within 12 hours, I got the feeling that I should write more about my thoughts on Flash Video, and how it might suffer more casualties if Adobe doesn't take their customers (especially their big customers, like ABC.com) more seriously. (Or should I be so bold as to say they shouldn't take them for granted?)

NOTE: This article is an editorial reflecting my personal concerns about Flash Video technology, and does not reflect the views and opinions of any other entity.



Using the Bell Character—Parsing Lists in ColdFusion
by Tom Muck - 27-Mar-07
Reader Level:

What is the bell character, you might ask? In the old days of computing, before there was surround sound, you could "print" a character to the screen that made a "beep" sound. If you put a bell character (ASCII 7) in a string, it would beep to the screen. These days, the bell character is not used for much...if anything. As a ColdFusion programmer, you can make use of this not-often-used character for different situations. Some lists seem like they are unparseable using regular ColdFusion functions, and some strings might not even seem like lists. This article will show a couple ways to parse otherwise difficult lists.



Coloring Your World - Part 2: Two Worlds of Color - Digital vs. Print
by Derrick Ypenburg - 23-Mar-07
Reader Level:

In my last article on color, we talked about the hexadecimal and RGB color models and how to interpret colors in your code. Now we will talk about what happens when you will be asked to work from printed material and turn it into an online color palette that looks consistent and will please your clients.

The Coloring Your World Series
Coloring Your World - Part 1: Color Basics
Coloring Your World - Part 2: Two Worlds of Color - Digital vs Print
Coloring Your World - Part 3: Color Trends and Possibilities



Methods for Testing in Multiple Versions of IE - **Updated** Free!
by Zoe Gillenwater - 22-Mar-07
Reader Level:

Internet Explorer 7 (IE), released in October 2006, greatly improves its CSS rendering capabilities. However, it's only available for Windows XP and Vista, so we still have to support IE 6 — and possibly IE 5.5 and 5.0, depending on your site's audience — for some time to come. Unfortunately, the integration of IE into the Windows operating system, and Microsoft's refusal to allow multiple versions of it to run at the same time, have made testing web sites in various versions of the ubiquitous browser difficult. There are, however, ways it can be done, and the advent of IE 7 has brought some new methods out for our consideration.

In this article I'll provide an overview of the current methods available for testing multiple versions of Windows IE and provide the pros and cons of each method so you can decide which suits you best.

Note: This article was originally written in late November 2006. Right after it was written, Microsoft released a free virtual machine image for Virtual PC, making it easier for developers to use the software. Thus, the section on Microsoft Virtual PC has been revised from the original, with other small changes throughout. My recommendations remain virtually (no pun intended) the same. You can view the original article here.



Dude, Where Do I Put My Code? - Part 2
by David Stiller - 22-Mar-07
Reader Level:

Beginners to Flash programming often find themselves asking a fundamental question: "Dude, where do I put my code?" A quick sweep of the 100s of Community MX Flash tutorials, as well as other code repositories on the Web, reveals quite a few choices. You can put ActionScript into keyframes; attach it directly to objects, such as buttons; put it into external text files; and even write a special kind of external file called a class. So, which approach is best? Are some better than others?

To arrive at an answer, this series takes a stroll among the various techniques mentioned. This is not an article on ActionScript syntax or how to program, but rather, an overview of approaches you might take while getting your feet wet. In Part 1, we looked at code attached to timeline keyframes. Here in Part 2, we'll see how things differ when code is directly attached to objects. Part 3 will conclude the discussion with a brief look at code in external files.

The Dude Where Do I Put My Code Series:
Dude, Where Do I Put My Code? - Part 1
Dude, Where Do I Put My Code? - Part 2
Dude, Where Do I Put My Code? - Part 3



FusionDebug 2.0 - Setting Breakpoints
by Chaz Chumley - 19-Mar-07
Reader Level:

In this article we will take a look at how to set a breakpoint within FusionDebug 2.0, an interactive ColdFusion debugger by Fusion-Reactor. Breakpoints allow us to stop code execution at a predetermined location within our ColdFusion template, CFC (ColdFusion Component) or custom tag. This is a big plus over having to use to output variables to our page, in that we don't have to allow code execution to complete or unnecessarily abort our template. Once we have our code paused, so to speak, we can inspect all variables of various scope at that particular moment and then let our code finish processing.

The FusionDebug Series
FusionDebug 2.0 - Configurations
FusionDebug 2.0 - Setting Breakpoints
FusionDebug 2.0 - Stepping Through a CFC
FusionDebug 2.0 - Variables



Using Your iPod with Your Digital Camera Free!
by Jim Babbage - 19-Mar-07
Reader Level:

As you may have noticed in some of my blogs, I've pretty much become an iPod junkie. From tunes, to Podcasts, to adding photos from my computer, I'm having a blast. Recently, I've found even more reasons to love my iPod. The iPod Camera Connector for the video iPod.

This little accessory has opened up even more flexibility for my digital photography needs. As long as I have my iPod with me (and enough space on it) I no longer have to worry about switching memory cards in my camera. I just connect the camera's USB cable to the connector, and I can import files directly from the camera to my iPod. It's fast and easy, especially with JPEG files.



Flash PowerTools: Transition and Tween Explorer Free!
by Joseph Balderson - 16-Mar-07
Reader Level:

Out there in the Flash design and development world, there are many tools available to assist in creating projects. These are "power tools" that supercharge the task of designing, coding, compiling, testing and documenting, allowing you to save time and present ideas much more effectively. Some have been around for a few years, and some are pretty new. This series highlights some of the open source tools and techniques which have made my life as a Flash developer much more effective.

Implementing code-generated graphics or animations can be greatly facilitated with the aid of an "explorer," showing a live example of certain effects, and the code required to create the effect at runtime. This can greatly expedite code generation, and provide an essential learning tool. In this article we'll look at a little-known but very useful utility created by Adobe called the Transition and Tween Explorer.


The Adobe Transition and Tween Explorer

The Flash PowerTools Series:
Flash PowerTools: Code Automation with SEPY
Flash PowerTools: FlashTracer for Firefox
Flash PowerTools: Standalone FLV Players
Flash PowerTools: Transition and Tween Explorer
Flash PowerTools: Flash Switcher for Firefox
Flash PowerTools: Exploring Gradients
Flash PowerTools: Kuler Color - Part 1
Flash PowerTools: Kuler Color - Part 2 Coming Soon



Coloring Your World - Part 1: Color Basics Free!
by Derrick Ypenburg - 13-Mar-07
Reader Level:

Part of our job as professional communicators is to work with color every single day, whether it is starting from scratch to create a unique logo and color scheme for a client, sending a multitude of colors from a website out to the world, or ensuring a Pantone color match is adhered to. I love color and I thought it was time to discuss the basics of color for those of us who struggle with it, don't quite understand the basics, or are just stuck in a rut. As well, I luckily work with a print designer as my business partner, so I've come to learn about bringing the world of print and multimedia together and would like to share that with you on a basic level as well.

In this first part of a three part series, let’s go through the color basics.

The Coloring Your World Series
Coloring Your World - Part 1: Color Basics
Coloring Your World - Part 2: Two Worlds of Color - Digital vs Print
Coloring Your World - Part 3: Color Trends and Possibilities



The Mobile Internet - Part 5: Sniffing for Operating Systems
by Adrian Senior - 12-Mar-07
Reader Level:

In this article we look at some of the problems we have come up against and investigate how we can check the UA string to send our users to the correct site version based on whether they are using a desktop operating system or not.

The Mobile Internet Series:
The Mobile Internet - Part 1: An Introduction
The Mobile Internet - Part 2: Image Display & Filtering
The Mobile Internet - Part 3: Background Images & A Different Breed of Mobile Browser
The Mobile Internet - Part 4: Text Elements
The Mobile Internet - Part 5: Sniffing for Operating Systems



Dude, Where Do I Put My Code? - Part 1 Free!
by David Stiller - 08-Mar-07
Reader Level:

Beginners to Flash programming often find themselves asking a fundamental question: "Dude, where do I put my code?" A quick sweep of the 100s of Community MX Flash tutorials, as well as other code repositories on the Web, reveals quite a few choices. You can put ActionScript into keyframes; attach it directly to objects, such as buttons; put it into external text files; and even write a special kind of external file called a class. So, which approach is best? Are some better than others?

To arrive at an answer, let's take a stroll among the various techniques mentioned. This is not an article on ActionScript syntax or how to program. If you were an aspiring chef, this might be a tour of various kitchen facilities, to give you a feel for what's available at each venue. After a brief look at the options, you may just find that the best approach is simply the one that makes you the most comfortable, even on a project-by-project basis. We'll start with timeline code, here in Part 1, then address the other procedures in subsequent articles.

The Dude Where Do I Put My Code Series:
Dude, Where Do I Put My Code? - Part 1
Dude, Where Do I Put My Code? - Part 2
Dude, Where Do I Put My Code? - Part 3



From Fireworks to Photoshop - Traverse City PNG to PSD Conversion
by Jim Babbage - 07-Mar-07
Reader Level:

Recent enquiries from one of our loyal subscribers was the inspiration for this, the fourth in my series of CMX JumpStart PNG's conversion articles. I supply you with the Traverse City PNG file as a fully editable PSD file. Much like the Venice conversion (Hmm, The Venice Conversion . . sounds like a new John Grisham novel . . .) the Traverse City JumpStart, designed by Linda Rathgeber-Stewart and coded by Zoe Gillenwater, has two complete layout designs, each on its own frame. The advantage to doing this is you only have to deal with a single PNG file.

Currently, one can't save a multi-framed Fireworks PNG file as a PSD and expect it to display properly in Photoshop. Each frame must be saved as a separate PSD file, then the user must combine the elements of both files into one, using Layer Comps to emulate the multi-frame design method.

For detailed information and steps on converting flattened vector objects into editable Shape Layers be sure to read Fireworks to Photoshop - Rebuilding the CMX Vienna JumpStart PNG as a PSD file. For details on creating and working with Smart Objects, or working with an exported Adobe Illustrator file see Converting the CMX Orlando JumpStart PNG to a PSD and AI file. An in-depth description of working with Photoshop Layer Comps can be found in Fireworks to Photoshop - Converting the