My email doesn't display right? Inconceivable!

I have spent many, many hours over the past several days trying to get an HTML email to display correctly when sent from Outlook 2007. This does not seem like that hard of a task. It also does not seem unreasonable for me to ask that email editors follow the same rendering rules as an internet browser.

Take a look at the disaster that awaits unsuspecting email designers:

Outlook 2007 disaster

This is how an email using W3C compliant markup may display in Outlook 2007 or 2010

Normal Email Display

This is how the email appears in 95% of all other browsers and email clients, and how it appears in Outlook 2007 AFTER the workarounds I implemented to compensate for Outlook's careless lack of support for internet standards.



Well, Microsoft has decided that Outlook 2007 and Outlook 2010 will use Word's HTML rendering engine to read HTML emails instead of the Internet Explorer engine that it has relied on in past software versions.

Some key things you should note:

You can read these articles from Microsoft outlining the HTML and CSS support offered in their "new and improved" Outlook.

There is also a great article on Sitepoint summarizing a lot of these issues: Microsoft Breaks HTML Email Rendering in Outlook

One thing that Sitepoint does not cover is the fact that you have to designate your image height and width on the img tag itself, either in plain html or both html and css. If you do not add this to your images outlook 2007 will generate them for you at a less than optimal setting. In addition NEVER put "px" after your widths and heights or any other HTML setting (CSS style settings are okay), as like <img width="100" height="100" /> instead of <img width="100px" height="100px" />.  Using the latter format will result in unexpected sizes and totally threw me for a loop since I was sizing transparent spacer-holder images with it and couldn't see what was going astray!

If you are one of those unlucky PC users, Microsoft also offers software utility to test for valid HTML and CSS for Outlook 2007.   It is a plug in that works with Microsoft Office SharePoint Designer 2007, Microsoft Expression Web Designer 2007, and Microsoft Visual Studio 2005.  There is also a second plug in that works with Dreamweaver MX 2004 or Dreamweaver 8. Of course it is not offered for the MAC, so if you are struggling to design an HTML email from the apple you are pretty much working blind and S.O.L.

HTML issues directly relate to 3 out of the 67 Reasons that Outlook Sucks as written by wanderingstan. In case things aren't clear by now, you can read Why Outlook Sucks by Marcy Sutton.  Thanks Marcy for this great link with a Guide to CSS support in email clients!

Microsoft is at least consistent with their products offering non compliance with the World Wide Web Consortium's XHTML and CSS standards. Microsoft Word is known to generate excessive, irrelevant and non standard markup. Even Microsoft FrontPage often generates non-standard HTML by default.

What is the point in the World Wide Web Consortium establishing and promoting standards if Microsoft chooses to blatantly ignore them?!

My first comic

I often find humor in everyday life situations and I've always wanted to make a comic strip. Here is my first 'official' comic strip.  Hopefully this will be the first of many. Special thanks to www.stripcreator.com for making this comic possible with the tools to illustrate my dialog FAST!

Advertising that really sucks!

This ad really sucks!

This billboard really sucks!

There is nothing worse than crappy, boring advertising. Especially for a product that sucks. I mean this is BRILLIANT! I don't speak German, but Guerilla-Marketing is valid in any language. This billboard, without using even one word, aside from the name of the product, effectively communicated the power of a Miele vacuum.

This is the type of quality advertising people actually ENJOY to see.  I hate to be cliché, because we all know that a picture says a thousand words. When you are designing a billboard, where people are often driving by them at 55+ miles per hour, with their attention on the road, traffic, and a million other things, the less words the better.  Quick, clear, effective communication.  That should be the priority for any outdoor advertising campaign.

Not only did they use extensions on the billboard to make the balloon shape cut out, they visually imply that the post the billboard actually stands on is the tube of the vacuum. Cheers to Miele! This is one of the best billboards I have seen in a while, and now we know that their vacuums REALLY SUCK!

Shock Value – Stand Out From the Crowd

In a bold move today – comedian, sports broadcaster, and all around great guy – Colin Cosell put out a public service announcement stating that he will not be wearing pants until more people watch hockey. Watch the PSA on the right.

Akin to the classic 1981 poster campaign where a model makes promises to remove her clothing, whether he knows it or not, Colin is testing the power of internet advertising, Facebook campaigning and YouTube media all in one – through what is referred to as shock value. Granted, it is likely that many more people wanted to see that bikini disappear than want to see Colin Cosell without pants, he attempting to create a buzz nonetheless. Although, I doubt his protest will cause more people to watch hockey, it may cause more people to watch Colin Cosell.

On September 2, I take off the top.

On September 2,I take off the top.

On September 4, I take off the bottom.

On September 4, I take off the bottom.

The display that keeps its promises

Avenir - The display that keeps its promises

As you can see on the left, the 80's model did in fact keep her promise, although probably not exactly the way people were hoping she would. If you were around back then, and had your ear in advertising circles, you may have heard about this, because it created quite a buzz.  In Oglivy on Advertising, David Ogilvy reports that "all Paris was agog" over this series of posters.  Although nudity in European advertising was nothing new, people were still curious to see what was going to happen.

Is Colin really not wearing pants?  It is summer, so maybe he is just wearing shorts.  Maybe he has a nice pair of heart boxers on, some silk Marvin the Martian Boxers or maybe a pair of white briefs with skid marks. (Gross!)

Regardless of what Colin's fashion faux pas is, I assume that he is going to keep his promise one way or another, just as our lovely french friend did. I can also guarantee that the people who saw Colin's first 'PSA' are at least a tad bit curious as to what his next move is going to be. If he follows through and does something shocking, different, or out of the ordinary, people will talk, people will listen, and people will come to his website (if you build it, they will come).

Come See What's Inside

Albe created quite a buzz; and it wasn't the first time, or the last time.

The french posters were actually a BtoB marketing campaign from the French advertising agency Avenir who plastered them all over the public transport system in Paris to prove the power of advertising.

Proof is in the Pudding

While I was working as an Art Director at Giaccone Storytellers advertising agency, I designed an ad for Albe Furs which created quite a buzz.  Although I didn't realize the effect it would have when I designed it, some of their clientele were shocked!  "Come See What's Inside" was the headline. The visual, although simply a woman in a fur coat, suggested something more, and this suggestion alone caused an uproar.  The client reported people coming in and complaining about it, saying it was inappropriate and other such comments.  He also had people come in and say how much they loved it.  Albe loved the ad and the publicity – both the positive and the negative feedback – he was happy to know that his name was on peoples lips and in their minds. This was not the first time, nor the last time that one of his ads was drastic and bold in tone and message, but each time he used one, he got the desired effect. The owner of Giaccone Storytellers, Joe Giaccone – my mentor at the time – lives by the mantra "You can't BORE people into buying from you." This concept rings true with me as well, although I like to take it a step further and say that you CAN shock people into talking about you.

It doesn't matter if you are Colin Cosell, Avenir, Albe Furs, or anyone else.  Good advertising and marketing stands out from the crowd.  Do something different. Create a buzz around a product or service.  Today is no different than it was 30 years ago (Sheesh has it been that long since the 80's?  I feel old.) Be tasteful, but be BOLD.  Don't be afraid to walk the fine line.  Don't be afraid of the critics. People will talk. Let them talk! Encourage them to talk!  The Irish author Brendan Behan was credited with saying, "There is no such thing as bad publicity except your own obituary." If your name, brand, and company is on everyone's tongue and in everyone's mind, you couldn't ask for anything more.

Although I don't really want to see a YouTube video of Colin's bare ass, I am curious nonetheless to see where he is going to take this, and furthermore, curious to see if his bold moves increase his YouTube hits and/or Web site traffic. Only time will tell.  Colin - I apologize if I stole your thunder or ruined your punchline, but show me what you got!

Elementary students put pen to paper to create books

The article below was printed in The Norwalk Hour
Thursday, May 6, 2010 Vol. 139 No. 126
http://www.thehour.com/story/486058
Photo from TheHour.com

Ryan Bud and Kyle Mercer

Kyle Mercer and Ryan Bud illustrate prints for books they and each of their classmates will have published...

NORWALK
By DANIELLE CAPALBO
Hour Staff Writer

Ryan Bud took a break from his memoirs to reflect.

He never thought he'd be an author, he said. Not in his whole life. Meanwhile, in about a month, Bud will experience a gratifying milestone: the publication of his first book. It will be great, he said. He will share the book with his parents and his friends.

"But I really wanted to be an archaeologist," he said, then resumed coloring. To be fair, Bud has plenty of time to pursue that dream, too. He's only 5 years old.

"My book is going to be about play dates," he said. "It's going to be about the first time I had a real play date, with my friend Jackson, which I liked a lot because we played games."

Through financial support from the Naramake Parent Teacher Organization and the vision of Naramake kindergarten teacher Lori Huber, Bud and every other student at the school -- about 400 in all -- will see their classroom work transformed into printed and bound books they can keep as souvenirs of their childhood experiences, aspirations and imaginations.

Some kids will write books about history, Huber said, or collaborate to publish anthologies of poetry. Other kids will write fiction or archive what they want to be when they grow up.

"What I wanted to do was support and enhance students' literacy skills," Huber said. "To me, when the kids work that hard, they like to see a published piece and they're very proud of the work they do. They can read their own book, see their work in print."

In September, the PTO announced its first competitive mini-grant program for teachers, and Huber said she applied for a relatively small fund. She wanted to finance a publishing program in her classroom yet, in no time, the project spread from 22 students to nearly 18-times that.

"The school has really bought into this," said Lisa Lenskold, a PTO board member.

Lenskold said the PTO awarded $2,576 in grant money, funding eight innovative programs that included Huber's book publishing, a composting bin in Michelle Burnham's second-grade class, a hands-on demonstration of the butterfly life cycle for all second-grade students and a schoolwide reading challenge developed by Iziar Mikolic but led by Naramake's ESL students.

"It is having a trickle-down effect where you're seeing other teachers challenge themselves, too," Lenskold said.

Huber said she is publishing the books through a company called Studentreasures, which works with schools nationwide. The company publishes the first copy of each student's book for free, and the grant money -- $312 -- bought massive amounts of magic markers and colored pencils.

Huber said the books are important for a number of reasons: they improve students' literacy, foster a sense of pride in the students' hard work and capture a moment in time for students to revisit when they're not students anymore.

"It's really a snapshot of what they've done at this age," Huber said. "The best part for me is, these books show how the students have all learned and grown since the beginning of the year."

"The most wonderful part about it is, the PTO sees the impact of what teachers put into their class and what teachers are trying to do with their limited budget," she said.

She said she hopes the books will be ready by June 14 so the school can host an outdoor reading celebration.

On Wednesday, Huber's students put the finishing touches on their eight-page autobiographies. That's the genre her class voted to explore, she said. The books document special events, like Bud's favorite play date or a nice, long walk that Samantha Wallak took. They each start with the basic details of a student's life -- "This is me. I am 6. I am special," by Benni Tucci -- and conclude with a reflection on a student's unique strengths.

Paolo Escobar wrote that she likes to baby-sit, because she likes taking care of "little people." Estefania Carvente wrote that she is proud of herself because she has made so many friends since the beginning of the school year; before she finished jotting down her sentence, she confidently recited the names of all the kids at her table.

"It's so incredible to watch," Huber said. "They've come so far."

License Plate Frame

Please print out the license plate frame below and affix it to your car's license plate if you:

  1. Drive less than 50% of the speed limit most of the time.
  2. Make left turns from the right turn only lane when the light is red.
  3. Make right turns from the left turn only lane when the light is red.
  4. Leave your turn signal on for more than 30 second intervals.
  5. Swerve from the left lane to the right lane going way too slow, and don't let me pass.
  6. Brake for crossing leaves.
  7. Don't understand that left hand green arrows mean you should turn left, and not just stare at them.
  8. Don't let people merge into traffic on the higway when they are trying to get on in the correct place.
  9. Drive in the shoulder.
  10. Wait until the absolute last possible moment to merge left when getting onto the highway.
  11. Don't understand the GIANT signs telling you that you are in an exit only lane and then swerving out of said lane at the last second to go where you actually were supposed to go... I mean how much bigger does that sign have to be?

I'm a moron - don't drive too close to me.

Please print this out and affix to your license plate.

Seamless Patterns

I often struggle with background images and patterns for websites.  This article from Shutterstock is a great reference and clearly explains how to make a seamless pattern in illustrator. Good Luck!

http://www.shutterstock.com/newsletter/100/article3.html

Bad Copywriting at its Best

There is nothing worse than intending to write one thing, and having it come out as something else.  Take the truck art pictured in this post, for example.  I have seen this same graphic on every AAA truck.  You would think that someone MIGHT suggest some alternate wording to make it sound like they are doing something other than changing the batteries in your television remote control. Unfortunately, as I have said before, most people don't actually read what they write – they just send it to print.

My advice to everyone is to read, re-read, and then read it again.  And once you are done, have someone else read it too.  Get as many fresh eyes as you can. Everyone makes mistakes, after all we are only human, but the don't let YOUR marketing materials end up as someone else's punchline.

Silly Error Messages

One of my pet peeves is the "coming soon" page on a web site, only second to the "This site is under construction" notice.  These are two very silly notices to put on your website.  The primary reason that I recommend against  posting them  is because usually they stay posted for weeks, months, or more! If you don't have content don't post the link.  If your site is 'under construction'  just post your name, logo, phone number, or some other USEFUL information and leave it at that. The internet is so fluid, and websites are very easy to change (and anyone that tells you other wise is either lying or trying to make a few bucks off you). There is no reason to post a link to a page until it is actually there.

The other day I was driving to the gym and passed by a sign in a shopping center.  The digital portion of the sign said "NO FONTS."   Now, the obvious question of "If there are no fonts, why are we able to display this error"  is put aside to ask, why are you posting this message?  The back side of the sign was displaying normally (not shown in photo). A blank sign would have been less silly looking than an error message of "NO FONTS" posted on Route 1 for every one to see.

Many parents and grandparents have been known to say, "If you don't have something nice to say, don't say anything at all."  I like to modify that rule and say, "If you don't have anything useful to say, don't say anything at all"

Plato said "A wise man speaks because he has something to say; a fool because he has to say something."  By that rationale, if your content is available, by all means post it.  If nothing is there to see, don't post the link to it until it is ready unless you intend to play the fool.

Imagine going to a restaurant and seeing on the menu "Fillet Mignon...COMING SOON"  Now, the customer is thinking... "hmm I could really go for a Fliet Mignon,  lets go somewhere else."

Look smart, act smart, and people will believe you are smart (whether or not you are ACTUALLY smart  is irrelevant.)

Visual Paths

A long time friend of mine and a great musician Damon Grant has a habit of always pointing to something or someone in the photos that he posts on Facebook.  There is always something striking about the photos even though they are usually just random snapshots from a social event.  The reason behind this is VISUAL PATHS.  By pointing to something he is creating a strong visual path to guide your eye through the image.  Instead of just staring at random faces in the photo, the eye is guided along a path which creates movement and a natural flow.  More examples and information can be found in this great article by iStockPhoto.com.

http://www.istockphoto.com/article_view.php?ID=697