Visual Effects related scripts & softwares
You want that your user can choose the colors of the website? You want to create a style sheet that you user can use to modify the colors of you software.
Then the TWG Color Manager is the perfect template for you.
The TWG Color Manager let you select a color from a color palette, convert colors from dezimal to hex and use this color on a layout template on the same page. If the user is done with clicking his color layout he can create a stylesheet and use this for your software.
This script is extracted from TinyWebGallery where the users can select the colors of their layout and generate a style sheet they can use with TWG.
A method how to change page favicon dynamically while the page is already loaded.
This script can transform those dull square DIVs into nice cool-looking DIVs with round corners.
So, more or less what you can do with the Mozilla CSS property -moz-border-radius, but something that will work in other browsers too.
I know there's already heaps of scripts that can do something like that for you, but all these scripts require a lot of additional HTML code, CSS code and images, which makes it both hard to implement and creates ugly code.
This script is unique in that you only have to add a class-name (that you can pick yourself!) to your DIV, and the script will take care of the rest. No images needed!
This is a simple slideshow script, implemented in unobtrusive javascript. Main feature is the smooth transition effects, using tiles created from the existing images. It can be easily integrated in any site.
This DHTML javascript widget allows tooltips (popups/floating captions) to appear over HTML elements on a webpage. Less than 10kb in size, optimised for low CPU consumption and compatible in all major browsers.
CFX is a JavaScript library that enables animations and graphical effects on web pages. It can be used to move elements around the screen, create fades and other transitions, and more. Demonstrations of moving elements and transitions are included.
SlidePlay is a cross browser/platform Javascript slideshow player for Web presentation. It uses DirectX transitions in IE and fade in/out effects in Firefox or Safari. Full screen is possible in IE/Firefox. It supports background MP3 playing, annotation text, lyric files, and pause/continue. The info for slideshows is kept in a self-describing XML file called "jtv.xml".
This program animates any number of HTML block-level elements of any pixel size. Scroll HTML blocks up, down, left or right! After a specified amount of time, the next block is slid in to replace the old block. Scrolling will also pause when the mouse cursor is placed over the block. Great for showing a lot of content in a small space, or a rotating banner. Created with simple and reusable code in mind. Have any number of separate block scrollers running on a single page all using the same javascript.
Although some people do not aggree (Jacob Nielsen), In-Page-Links are frequently used on content heavier webpages to ease navigation.
I myself am not a huge fan of this solution, but i see the need for it. My biggest complain is, that it often seems to confuse users - "Where am I now", "How did I get here" - because clicking the link does not perform the expected action. Instead of going to another page, it performs some kind of scrolling, but skips the important visual hints.
Luckily using prototype.js and script.aculo.us it is dead simple (13 loc) sprinkle some usability on your page.
To save you a few minutes i packaged it up in inpage.js
This API is consist of Javascript files that are needed to be attached to your files and we documented the function prototypes for your use. All you have to do is to include script files to your own web pages - between <head> and </head> tags.
What can AllInOne API can provide to you?
* Dynamic AJAX loads - Provides you an easy-to-use function to handle AJAX loads.
* Fade In Fade Out - Fade in and out elements like divs, images etc.
* Drag and drop layers - Divs, imgs or elements that can be dragged and dropped to change the positions.
* Custom Right Click Menus - Avoid classic browser right-click menu and implement your own menu with your own style.
|
