Useful Firefox Add-ons for designers & developers

December 29th, 2008

There are a lot of really good Firefox Add-ons available for free download. They can save web designers and developers a ton of time. Check out Web Developer and Firebug, just to name a few.

Using html in email

December 23rd, 2008

A really easy way to send html in email is with Apple mail and Safari. Build your html newsletter or whatever you are making and then open it in Safari. In Safari select “File –> Mail Contents of This Page” or the shortcut command+I. It should open a new mail message in your email with the contents displayed.

Another fairly easy way is with google gmail. Compose a new message and make sure that “Rich Formatting” is selected. You can use the built in toolbar or open the html page you are working on in Safari and highlight the displayed html, copy and paste that directly into the body of your gmail accounts.

Remember to use basic cross-compatible html and check it with multiple email accounts and service providers. Lots of people choose to block html as well, you might want to include a link to view the contents as a webpage.

Common CSS flow mistakes

February 10th, 2008

Messing up the shorthand font flow.
Font-size is placed at the end, followed by font-family at the very end.

Correct Example:

#fonts {
font: bold italic 12px Arial, Verdana, sans-serif;
}

Links not in correct order.
Recommended order:
A:link
A:visited
A:hover
A:active

Correct Example:

a:link {color: #000000;}
a:active {color: #cccccc;}
a:hover {color: #cccccc;}
a:visited {color: #666666;}

I wouldn’t recommend using multiple scenes in flash

February 1st, 2008

In the past I used a pre-loader scene on a lot of my flash sites. This caused a major problem when i’d move back into the main timeline. It would throw my entire count off making it extremely hard to get button synced timeline effects to work right.

For example:
You are on a certain frame, you want a fade out when you click a button and then a fade back in moving to the new frame. The variable go to frame I was trying to set didn’t sync up with where it was on the timeline. So unless i’m still not doing something right, I typically wouldn’t use it. I gave up on using it in flash 8, I haven’t had the need to check it in flash cs3.

Some cool contrast and color blind tools

January 31st, 2008

Luminosity Contrast Ratio Analyzer, making sure everything is readable for the user. juicystudio.com

Great tool to make sure your site looks good for colorblind viewers, also a great way to see how the flow works and where your eyes tend to go. Download the photoshop plugin or submit your photo right on the site. vischeck.com

Okay Apple we get it.

January 28th, 2008

I love my iMac and so does everyone else. But seriously, the commercials are getting annoying. Here is one of the few times I actually laughed at MadTV.

Why flash based web templates are bad mmkay.

January 27th, 2008

At least once a month I get a client that has purchased a flash web template and can’t edit it how they want. They’ve usually been given the impression that it would be easy to update. Most flash templates are not, unless you have some previous flash web designing experience. I’ve seen many come incomplete and/or just not at all feasible. Sure they look cool but flash design doesn’t come cheap, especially if you are going to need someone updating it for you.