Really tons of widgets, handy scripts, css snippets, html codes and various tools are out there that you can use on your websites and blogs. These tools — if not used by default — can also inspire you to achieve your designing or usability goals. I came up with this list of 22 of most helpful stuff. Some of these are pretty old, but I you won’t believe how many people never even heard about them, but most of these brilliant ideas are easy to implement to your template, whether it is for Drupal, Wordpress, Joomla or even Zen-Cart and the like…

In today’s excercise, we are going to adapt some nice styles to the Drupal menu items. There is a widely known CSS technique called sliding doors which became very popular since it became published. We are going to spice this a little more with extra hover states and implement sprites to improve the performance a little. This will involve a little PHP code – overriding a themeable function, and some CSS markup.