These are working examples of widgets and applications that you can include in your site. They are designed to spur your imagination!
Use a thermometer to graphically display the amount of donations received or points accumulated! This thermometer could be adapted for any use!
Update: Yahoo has changed their weather API and this is currently not working. I have it on my list to fix!
This is a simple slider that comes onto the page from the left or right, sliding out like a box. Very effective for newsletter or contact forms.
This awesome method of displaying ecommerce items comes from CoDrops, but I changed it up a bit. The front and back of the item can be displayed as well as more information. Try changing the size and color. The favorite button also works. This would be an awesome way to display your goods! Additionally, resize your browser and see what happens!
A news ticker can be used for any kind of attention-grabbing headlines. Just in a few moments these are uses I came up with (remember, headlines in the ticker are clickable!):
- Ecommerce site – Displaying new or sale item.
- Blog – Display newest posts
- Events – Display upcoming events
- Fundraising – Display current status and ways to donate
- Restaurant – Display today’s specials
- Recreation – Display current weather conditions
Tickers can also display data from other sites – if there is an RSS feed, it can be included in a ticker easily.
Geocoding takes a regular street address and finds the latitude and longitude so that location can be displayed on a map. I do a lot of maps, and geocoding is a big part of that. Sometimes it is built into the application, other times I just need to find the coordinates of something. This little script just takes an address and returns the coordinates.
This form script validates AND provides styling for forms. It isn’t the lightest-weight script, but it doesn’t seem to slow down your site and it contains just about anything you might need. This is one where you need to click the image and view the demos to really see how it works.
This flipform animation adds visual interest to a pretty vanilla form and lets your visitor know that the form has been submitted. I can think of other uses for this form though – have a multi-page form? Have the form flip to reveal the next step in the form!
Imagine a large image with your focus keywords appearing and disappearing in random positions and sizes – that is what this neat little piece of code does. This would be ideal for a home page, but could be used in a sidebar as well. You can even change the background image AND the random text!
This is about as simple as it gets – lightweight and fast, able to be infinitely styled, this expanding vertical menu solves most needs.