Posts Tagged ‘ Progressive enhancements ’

What is jTipster? Remember the times you would like to add notes to a picture, but there were no other ways to do it without firing up Photoshop. The problem with that is the content added to the picture was not easily changed, you needed some Photoshop skills and well, not SEO friendly.

So, what is it again? Well, jTipster allows you to add “markers” to a picture. For each marker added, you can add short or long captions that appear on rollover. See it working here.

So, how do you get it working. Follow the steps below and to get started.

While working on a site today that was built to support multiple languages, I ran into a small issue. Since the site’s buttons were all actually text links (hrefs) made to look like good ol’ regular buttons (easier to do this rather than creating multiple button sets for each language), the default button action code I had working for other sites didn’t work for this particular site.

After coming up with a quick bit of code yesterday for the longdesc comment that Ruth left, I had another idea. I decided to try the the idea using the title attribute on images. Before launching on my idea, I decided to find out if the idea was valid by W3 standards.

I just received this comment today by Ruth and when I read it, I thought, yeah, why not. “longdesc” as the name says provides a longer description to supplement the alt attribute of an image. When I first thought about the problem, my first inclination was to provide a hidden div that held the long description which became visible whenever the image it corresponded to was interacted with. The solution seemed intriguing but I had another thought toying with me at the back of my mind.