Site visitors, sometimes, have a different route of browsing a website rather than expected. Or, they may not have enough time to see what the website owner expects to be seen in a website.

In these circumstances, site tours can be very helpful for showing a website how you want them to see.

Amberjack, which is an open source website tour generation library, enables web developers to create nice looking site tours so easily.

How to use Amberjack?

Amberjack has a site tour generation wizard which creates the sample code that must be installed. After inserting that code into your site’s HTML template, right before the </body> tag, and filling the information that will be shown in every page, you’re done.

This way the Amberjack javascript files are hosted on the Amberjack server. But javascript files can also be uploaded and called from your website.

There are already some skins for the site tour info box but it is possible to update them with some css editing.

curvyCorners is a javascript based solution for getting rounded corners without images for any html div element.

There are other javascript solutions which offers similar features. Some of these solutions have problems with backgrounds, sharpness of the corners. curvyCorners is between the good ones.

There is also a jQuery plugin created for curvyCorners.

Features

- Free
- Easy to use JavaScript object
- Requires no images or image editing
- Full Anti-Aliasing support
- Anti-Aliasing over graphical backgrounds
- Background-image support (round corners of images)
- Fluid height/width support
- Solid border support, any colour/width with Anti-Aliasing
- User defined per corner radiuses

Wouldn’t it be nice if images inside html codes can be rotated, corners rounded and shadow effects can be used for them?

swfIR (swf Image Replacement) is here to solve these design limitations of the standard HTML image and its widely-accepted associated CSS values, while still supporting standards-based design concepts.

swfIR uses a different approach rather than similar scripts for image effects. It puts your images inside a flash (SWF) layer and presents like that.

1- Image before effects:

2 – Image after the shadow effect:

3 – Image after the round corners effect:

4 – Image after the rotate effect:

5 – Image after the border effect:

If you are looking for a WYSIWYG editor, TinyMCE can be the right choice.

It is a lightweight, platform independent javascript content editor that is created by Moxiecode Systems. TinyMCE is easy to integrate into any system and compatible with the web browsers like Firefox, IE, Opera and Safari.