pmbennett.net

I saw a flash bar chart the other day, which had a nice animation and looked very nice, and wondered if it would be possible to achieve a similar effect using just XHTML, CSS and a little bit of jQuery.

It’s been a while since the last post, mainly because I haven’t had anything to post about. However, recently, I wanted to achieve a fading effect when I hovered on the navigation elements of a website I was making. I could have just used jQuery to animate the color of the text using the color plugin and that would be the end of it. Unfortunately, the designer used a non-standard font for the navigation, so I needed an alternative approach.

A number of websites I have been involved in recently have required a poll, where users can vote and see the overall results in the form of a graph. In this post, I will describe my approach to this.

Recently, I came across a scenario where a client wanted a list of links which would link to certain areas of the site. Additionally, they wanted to add a roll-over effect, where an image would change depending what link the mouse was hovering over. Without giving it a thought, I initially began to write some jQuery to do the trick, which would have been fine; but then I came across Chris Coyier’s remote linking article, and thought that I could build upon this to provide me with a CSS only solution.