Often what happens in many small design departments. Is that the designer is forced to take on many roles. Designer, Art Director and sometimes sales person. As this wonderful article points out often the people involved don’t know what these roles really entail.

Check out this article over at A List Apart

Adobe’s Flash Player has never performed as well in Mac OS X as it does on Windows-running PCs. The traditionally poor performance of Adobe’s plugin on the Mac has led many iPhone and iPad users to support Apple’s decision to keep Flash off of its mobile devices. While the upcoming Flash 10.1 does boast some significant performance improvements over its predecessors, the performance is still pretty terrible compared to h.264, which has access to hardware-accelerated video decoding via the GPUs in Macs.

(Read the rest of the article via tuaw Apple throws Adobe a bone — on the Mac.)

HTML 5 and CSS 3 Browser Compatibility Checklist

You’ve never done a flash ad! Don’t panic, It’s easy. You just need to know what questions to ask.What do you need to ask?

Things to ask about:

• Sizes
• File Size Max
• Max Ad Length “Running Time”
• Flash Player Versions
• Click Tag Information
• Backups?

Sizes

This is the dimensions of the ads. Some of the most common sizes are as follows.

• 468px by 60px – Banner
• 728px by 90px – Leaderboard
• 300px by 250px – Story
• 160px by 600px – Tower

These are examples and are not applicable to every vendor.

File Size Max

All vendors have a Max File Size they will accept from advertisers. This could be anywhere from 30k to 100k. Ask the vendor what their specs are before you start working. This out of all the tips listed is the most important to you the designer. If you build an awesome ad and discover that you will have the rethink the direction you used because your 20k over the spec. That is the quickest way to turn an ad your proud of into ad you wouldn’t claim if someone paid you too.

Max Ad Length “Running Time”

This refers to the amount of time an ad take to run through its message before repeating. The Microsoft ad network suggests 15 seconds. I never try to go longer than 10 seconds because a viewers attention on the web can be measured in nanoseconds.

Flash Player Versions

Flash has been around for a while now and is up to plugin version 10. If you look at the flash plug-in penetration chart. You can see that the 7, 8 and 9 versions of the Flash Plug-In have penetration rates well into 90 percent. Personally I export for version 8 of the plug-in. Flash 8 was the version that introduced a lot of filters and layering effects. It gives you a lot of creative options and the ability to make custom effects with actionscript. Also having a 98.7 penetration rate doesn’t hurt.

Click Tag Information

In most cases the destination URL is not hard coded into the ad.

Enter the click tag.

The click tag is a bit of code “shown below” that allows the vendor to track the amount of times the ad is clicked and allows the ad server to dynamically tell the browser where to go. This is done for simplicity sake and gives greater flexibility when serving ads. As an example you could use the below bit of Actionscript attached to an invisible button.


on (release) {
if (clickTAG.substr(0,5)=="http:" || clickTAG.substr(0,6) == "https:") {
getURL (clickTAG, "_blank");
}
}


Backups?

As hard as it is to believe some people don’t have flash installed or they are on a iPhone. Many vendors require gif or jpeg backups that will be served if the viewer doesn’t have flash.

Application

Hide Coda ⌘H

Hide Others ⌥⌘H

Preferences… ⌘,

Quit Coda ⌘Q

Editing

Balance ⌘B

Beginning of Line ⌘←

Bigger Font ⌘+

Blockedit Selection ⇧⌘B

Check Spelling ⌘;

Clear Change Marks ⌥⌘M

Close Tag ⌥⌘.

Copy ⌘C

Cut ⌘X

End of Line ⌘→

Find (in current document) ⌘F

Find & Replace ^⌘G

Find in Files… ^⌘F

Find Next ⌘G

Find Previous ⇧⌘G

Go To Line Number… ⇧⌘L

Hide Find Banner ⇧⌘F

Jump to Selection ⌘J

Look Up Selected Word in Reference Books ⌘’

Next Change (in shared document) ⌥⌘C

Next Symbol ⌘D

Next Word ⌥→

Paste ⌘V

Preview in Default External Browser ⌥⌘B

Previous Change (in shared document) ⌥⇧⌘C

Previous Symbol ⇧⌘D

Previous Word ⌥←

Redo ⇧⌘Z

Search Files… ⌥⌘F

Select All ⌘A

Shift Left ⌘[

Shift Right ⌘]

Show Colors ⇧⌘C

Show Fonts ⇧⌘T

Show Invisible Characters ⌥⌘I

Show Line Numbers ⌥⌘L

Show Spelling and Grammar ⌘:

Show Validation Errors ⌥⌘V

Smaller Font ⌘-

Special Characters… ⌥⌘T

Split Document ^⌘L

Undo ⌘Z

Use Selection for Find ⌘E

Use Selection for Replace ⌥⌘E

Un/Comment Selection ⌘/

Wrap Lines (toggle) ⌥⌘W

View Source ⌥⌘U

Files

Back ⌥⌘←

Close File ⌘W

Close Window (and all of its tabs) ⇧⌘W

Delete… ⌘⌫

Forward ⌥⌘→

Get Info ⌘I

Go To Folder… ⌥⌘G

Hide/Show File Browser ^⌘B

New Folder ⇧⌘N

New File ⌥⌘N

New File (of default type) ⌘N

New Split ^⌘S

New Tab ⌘T

New Window ^⌘N

Open… ⌘O

Page Setup… ⇧⌘P

Parent ⌥⌘↑

Print… ⌘P

Publish ⌥⌘P

Reload ⌘R

Save ⌘S

Save As… ⇧⌘S

Set Shared Access To Read/Write ^⌘A

Set Shared Access To Read Only ⌥⌘A

Share via Bonjour ⇧⌘E

Modes

Books ⌘6

CSS Editor ⌘4

Preview ⌘3

Sites ⌘1

Terminal ⌘5

Text Editor ⌘2

Preview

Go To Location ⌘L

Reload ⌘R

Sites

Add Site… ⇧⌘A

Connect to Server… (without using Sites) ⌘K

Publish to Server (locally changed files) ^⌘P

Source Control

Commit ⇧⌘M

Refresh ⇧⌘R

Update ⇧⌘U

Windows

Clips ^⌘C

Minimize ⌘M

Next Tab ⌘}

Previous Tab ⌘{

Transcript ^⌘T

Expresso 1.0 is released

The guys over at macrabbit.com makers of CSSEdit the popular CSS editing software. Have released their website coding environment Expresso 1.0. Head over to macrabbit.com/espresso/ and grab a fifteen day free trial.

(Via http://www.tuaw.com/.)

The is a Video Presentation of Paul Boag’s Presentation at the FOWA – Future of Web Apps conference. Titled “Educating clients to say yes“. Check it out over at carsonified.com