October 18th, 2011 by Donna
I am constantly coming across new and cool web techniques that can be used to spice up digital signage Presentations. One such find that I recently discovered is a Javascript library called Kerning.js. This library allows you to easily apply some neat effects to text. Since I can’t recommend something unless I spend some time with it myself (of course
), I played with this library for awhile to find out what it could do.
I started out with our Socialize template and tried customizing the word Socialize in different ways. To do this, I simply included the kerning.js file in the Presentation’s HTML and then, using their documentation as a guide, I experimented. Here are some of the effects I was able to create with a minimum of effort:
Each of these was achieved by adding just one or 2 lines of CSS to the HTML of the Presentation. Very cool! One thing to keep in mind though is that this will not work with custom fonts.
And, just because it’s a fun way to kill time, check out this kerning game.
Let us know in the forum if you decide to leverage kerning.js in any of your Presentations or Gadgets!