If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Dynamic Drive has a great tutorial to help you learn how to create a tabbed section on your website that uses Ajax to update the content.

The tutorial and script will show you how to:

• Fetch and display an external page (from the same domain) inside a container when a tab is clicked on.
• Add a “default” content inside the container to either be shown while no tabs are selected, or to be associated with a specific tab. The default content is added directly to your page and not fetched via Ajax, for sake of server efficiency.
• For each tab, you can not only fetch an external page to be shown, but also load external .css and .js files associated with that page if desired.
• Supports multiple Ajax Tabs Contents on the same page.
• Fully unobtrusive, search engine friendly script. The tabs are simply list based links. For search engines or browsers with JavaScript disabled, the contents will just load as actual pages (instead of inline via Ajax).

I love cheat sheets, I’ve got quite a few pinned up in my office by my workstation. Here’s one for regular and new users of Script.aculo.us. It’s a great sheet that shows the different effects as well as how to code them in. Unfortunately, the cheat sheet doesn’t cover the various options but it’s a great reminder of the different effect names, etc.

Here’s a link to the PDF version of the Script.aculo.us cheat sheet

Looking to do a CSS dropdown menu? Tyssen Design has published a great article detailing the Pros and Cons of 18 different implementations of CSS dropdown menus.

This is a great list and covers every version of a CSS dropdown menu (and other types like Java) that I’ve come across. Each method discussed also has a list of Pros and Cons along with it. This will let you know whether the dropdown menu is keyboard accessible, uses unnecessary markup, and also if it works with javascript disabled.

If you are trying to find out how to implement a CSS dropdown menu, this is the place to look.