Review: sIFR 3.1 Beta

This week I was again arm wrestling with the sIFR version 2. The production department has always considered sIFR implimentation more of an art than a science. There’s so many variables that effect it in unpredicable ways that make it a daunting task.

In this particular case, I was trying to add a secondary color within one header. Usually this is a simply span in CSS, but since we’re using sIFR to transform the header to a non-webstandard font, this is not so easy. After researching the web, I found that Mark Wubben has now produced a beta 3.1 version of sIFR. GREAT!

So I pull down the download, unpack it, finding it very similar to the 2.0 installation. This process includes creating a SWF of the font you want to use, adding a javascript file to control it, and CSS to control the formating.

NEW FEATURE NOTED: The javascript you used to insert at the bottom of files using sIFR is now seperated into a config.js file. This is nice, since you don’t have to include it on each master page, etc.

NEW FEATURE NOTED: The css file used to control the formatting is now seperate as well from your css files, keeping your files clean and tidy. However, when using themes this was a bit cumbersome to add a css file somewhere else within the file structure. Just another place people have to look to make a small change to a class. 

Once it was all in place, formatting my classes and headers was a learning process, but once I got the hang of it, it was a DREAM compared to the older edition.

NEW FEATURE NOTED: Now in the config js you can set css base styles as well as span, bold, etc. Which makes formatting in line a breeze! Just what I was looking for!

NEW BUG NOTED: In IE 7, the sIFR text just randomly disappears when positioned in certain situations. Refresh a couple of times and it pops back up right where it should be. It has something to do with the way the classes are reassigned, but from there I dunno what exactly is going on that makes it magically disappear.

BUG FIXED: In past versions we would have some issues with the sIFR headers stretching or shrinking depending on the height or width that was set to it’s class. Meaning the font would not keep it’s size, but become bigger or smaller instead of wrapping.

All in all I’m really impressed by the additonal CSS functionality. This adds a great deal of flexability. I’ll add to this post as I find additional benefits or bugs.

1 Comment to “Review: sIFR 3.1 Beta”

  • Congrats on the new design! Looks like you won’t be struggling as much with sifr, huh?

    Have you guys checked out swfir ( It’s like SWFObject for images. Very flexible. Ideal for main images along the top of pages, or in sidenav’s. Includes fallback options.

    I’ve been looking for a reason to try it out, but not yet.

Leave a comment

What is this?

This little blog happens to be the personal ramblings of one April Holle - I'm female, outspoken, webbie, a community evangelist, and Principal of Made Better Studio. Check out the about section for more info.

What People Are Saying…