Nordic Ruby bann… I mean ribbons!

Friday. Apr 01, 2011 ~ 1 min

The Nordic Ruby guys recently wrote a blog post about adding their banners to your site. I liked the idea, but the provided banners did not fit anywhere into my site design. Even if I consider myself aestethically handicapped (I avoid any kind of graphics design), I had to overcome this minor speed bump somehow.

So I hacked away at it. First I had a CSS only implementation, then switched to an image version because of font rendering issues with windows (meh…) but finally settled with the version I have now:

Ribbon background image from Nordic Ruby
Fertigo Pro Regular font from exljbris
and of course, the awesomeness of Compass for CSS3 effects such as rotation and shadows

Keep in mind I don’t do anything for cross-browser compatibility. Users of old and inferior browsers will not be getting any bling bling from me.

Kim Burgestrand

Heartfelt software development. Sometimes other things.