Recently we’ve completed four sites for Civigroup Companies. Within those sites you’ll notice several instances of sIFR (flash replacement text) inline with content. This is no easy task for sIFR text.

While trying to accomplish this feat of magic, I spent quite a bit of time researching different aspects of sIFR and how it works with CSS to understand how to make this work properly and of course, all while being cross browser compliant! So, in order to perhaps save someone else the time and hassle of trying to figure out the magic equation, I figured I’d share my experience.

Step 1: set the sIFR class on a span tag where you want the text to be.

<span class="h1inline" style="width: 325px;">Heritage. Commitment. Vision.</span>


Notice the width style attribute, this is required to make sure safari does not include extra space behind the span and before the rest of the copy.

Step 2: set the attributes in the sIFR-screen.css sheet to make it an inline block element along with the rest of your styles.

height: 25px;
display: inline-block;
overflow: hidden;

Notice the display: inline-block; this is also a safari required attribute.

Step 3: Tune height if necessary in the sifr-config.js

tuneHeight: '-5'

This will help if you plan no not only having your sIFR text inline, but also a link. I was having difficulties with the underline of the hover state being cut off by the flash doc.

 And viola you have sIFR text inline!

I have been seeing the WaitLess Sprint commercials on tv lately, I figured it was just another bad commercial gimmick like the Alltel’s commercials Man Cave. But honestly, the way Sprint has married their TV commercials with the web is genius! Waitless.org is all about spending less time doing the boring things in life, to spend MORE time doing what you want to do. The videos are hilarious and they’re a great sample of what viral media should be. Check it out and have a laugh at all the awesome ways you too can save time and wait less!

I just wanted to give props out to Sprint for their latest commerical featuring light graffiti. I think not only is the message inspiring, but the production is just fantastic. Check it out…

I think I’m seeing an increase in the popularity of RSS feeds. With the advent of digg, delicious, and technorati tapping into your favorite stories and interested topics are easier than ever. Also the google desktop and the Vista widget bar allow super easy access to your bookmarked favorite reads. I see RSS feeds poping up all over and with more attention being drawn to them. LOOK I HAVE AN RSS FEED!

I would like to make a note that MY boyfriend has the top score on our new game Zero Gravity!!

Terralever launched the new game officially today. Zero Gravity is a test of the new Microsoft Silverlight technology and features the lovable and lost astronaut, Lieutenant Bennett.

You can make Lietenant Bennett not so lonely by visiting his MySpace, Facebook, and even his Twitter account. He has a lot to share about his adventures in space!

If you want to visit Lietenant Bennett in Zero Gravity, feel free to play the game and see if you can beat all 25 levels!