StoutLabs MooTools Slider

Daniel over at StoutLabs has produced a really nice MooTools based image slider, with code that is really easy to understand even for a MooTools beginner like me.

We needed to use something similar for a new project at FrozenSkys, which required a few tweaks (like adding fading) to the slider class, and Daniel has been kind enough to include these back into his project.

You can find the code and a demo over at his site.

Tags:

Win a free exam voucher from Microsoft Learning…

Born to Learn (Microsoft Learning) are giving away three prometric exam vouchers each day until 30th June!

All you have to do is subscribe to the RSS feed, and post a comment on the Born to Learn blog post available at the following URL…

Have you Subscribed to our RSS feed? Tell us to win a free exam!.

Good Luck!

Tags: , ,

hCard Photo’s

We recently soft launched a minor site for friend, with an hCard enhanced contact page and a link to transform the hCard into a vCard using the http://technorati.com/contacts/ web-service. The “client” was over the moon, but asked if it was possible to include their logo on the vCard that was produced. Now I know from the specs that both vCard and hCard support a photo section but getting it to work wasn’t simple.

  1. The http://technorati.com/contacts/ uses an older version of Brian Suda’s X2V which doesn’t seem to support PHOTO:
  2. vCard doesn’t appear to support my favoured image format of PNG

To work around these we implemented our own web service wrapping the latest versions of the X2V transforms – you can read about that here, I then converted the image to BMP (the old timers format of choice!) However I STILL could not get the logo to show in any of the windows clients. Apparently Outlook and Windows Mail, etc. don’t support a URI for the PHOTO:, even though the vCard spec allows this.

In the end I had to use the little known used <img src= “data:image/bmp;base64,xxxxxxxx” /> with a base64 encoded bmp image replacing the xxxxxx to include the actual binary data for the image into the hCard, and thus into the transformed vCard.

The live page can be found here.

Tags:

Switch to our mobile site