Pricing tables play an important role for every company that offers products or services. They are a challenge from both a design and usability standpoint. They must be simple but at the same time clearly differentiate between features and prices of different products and services.

One of the most useful JavaScript animations is to animate a DOM node as it slides in from the top (or another side) of the browser viewport. I have implemented this animation several times for various projects, and thought that it would be a good idea to unify my implementations into one concise widget. I have used YUI as the Framework to power this widget, but unlike most of my other widgets, I have internalized all library references, so it would be easy to replace with another framework.

This guide will help you install a local combo handler instance that will work with YUI 2.6.0.

Load a KLM file to initialize a Google Map.

Google Maps marker and icon generator.

The Google Visualization API lets you access multiple sources of structured data that you can display, choosing from a large selection of visualizations. Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource.

Problem: When using TinyMCE, the toolbar buttons (as well as one A tag w/no content used for a tooltip) are part of the tab order of the page so tabbing out of one control into the editor means tabbing through all the buttons before you get to the content.

Solution: Use jQuery to set the tabindex on these elements to -1 so they are skipped

TinyMCE plugin which allows normal tab key navigation between TinyMCE textarea (to iframe) controls. It does not handle tab key navigation from non TinyMCE fields to TinyMCE textareas however.