Snap Shots enhance links with visual previews of the destination site, including summaries of Wikipedia and IMDb, YouTube videos, stock charts, RSS feed and more. For website users, it’s an enhanced way to surf because links are no longer blind, they can view the screenshots/thumbnails before clicking on the link.
To make Snap Shots feel more integrated into your site, they designed them to be customized with your logo and your choice of color theme and language as well.
Website: http://www.snap.com/
Demo: http://www.snap.com/about/shots.php
A very good and handy color picker for designers and developers. This color picker mimics Photoshop color picker by layering transparent images.
The main difference in Photoshop-Like Javascript Color Picker is that it has all 6 picking options (H,S,V,R,G,B) not just Hue. The JavaScript is made up of some color methods, a slider control, a handler for input, and the ColorPicker object to put it all together.
Website: http://johndyer.name/lab/colorpicker/
Download: http://johndyer.name/file.axd?file=colorpicker.zip
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.
You can style your starboxes with CSS, in starbox.css you can find a few examples on how to do this. Note that the only thing you can not set through CSS is the overlay image.
Tip: The Google Ajax Libraries API can be used to automatically load the latest version of Prototype and Scriptaculous. Using Prototype for example, the last part of the url can be changed to /1.6/prototype.js for the latest 1.6.* release, or /1/prototype.js for the latest 1.* release.
Website: http://www.nickstakenburg.com/projects/starbox/
ClockLink provides fashionable yet free online clocks that can be easily embedded in your web page or in your blog. All you need to do is simply paste the tag on your web page. You can choose a time zone for your clock.
Decorate your website or blog with our clocks!
Website: http://www.clocklink.com
Gallery: http://www.clocklink.com/gallery.php
This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.
Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations or issues – this widget is ready for production use.
Some Features:
- Simple to use
- Total CSS control
- Collapsable
- Unlimited layout capabilities
- Hotkeys
- Compatible with UI widgets
Requirements: jQuery Framework
Website: http://layout.jquery-dev.net/
Demo: http://layout.jquery-dev.net/demos.html
Download: http://layout.jquery-dev.net/downloads.html
WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling, a simple example would be A Family Tree.
It was inspired by Yahoo Pipes and is used by Tarpipe. It uses the YUI library (2.6.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag.
It currently supports Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ and Chrome 0.2.x.
Requirements: YUI Library 2.6.0+, excanvas
Website: http://javascript.neyric.com/wireit/
Demo: Example 1 – Example 2
Pretty Loaded is created by a Creative Flash Agency. The site shows a collection of Flash Pre Loaders with the name of the company and year.
This is a good source to get inspiration for Flash Pre Loaders. The site just has the information and you can only look at Flash Pre Loaders with respect to company name and year. By default Pretty Loaded works like a slideshow.
Website: http://www.prettyloaded.com/
$fx() is a lightweight javascript animation library for your interactive needs. You will be WOW! to know that its only 3.7 KB.
Features:
- Extends DOM elements by adding animation methods
- Facilitates CSS properties
- Supports parallel effects and effects chains
If you are looking for just animation then $sfx() is doing his job very efficiently but it cannot be the alternative the other javascript frameworks.
Website: http://fx.inetcat.com/
Demo: http://fx.inetcat.com/manuals.php#b3
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
The plugin provides a method called cycle
which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.
You can use images, text, video and all kind of media with this.
Website: http://malsup.com/jquery/cycle/
Tired of pixel-by-pixel painting, trying to create seamless stripes textures?
Play with sliders and color pickers, untill you obtain a super-cool stripe tile. You can make stripes for Horizontal, vertical or diagonal angles.
Unleash your personal style, experiment and download the tile. You can use it directly in your css file or as pattern in Photoshop!
Website: http://www.stripegenerator.com/