jQuery Cycle plugin is a lightweight plugin which lets users to create animated slideshows.

jQuery already has slide plugins and this plugin covers most of the effects and some effects are based on other jQuery plugins.

The Cycle Plugin is split into two parts: the core engine and the transition definitions. The core engine provides the ‘fade’ transition effect and all the logic needed for defining and using custom transitions. The Transition pack includes all of the pre-defined transition effects for the Cycle Plugin.

Slideshow effects includes:

• pause-on-hover
• auto-stop,
• auto-fit
• before/after callbacks
• click triggers
• and many transition effects

Examples of how to make CSS gradient text effects are published in 2 different & beautiful web design blogs: WebDesignerWall and CSS Globe.

Both techniques are using a similar method which is adding a small PNG gradient file over the text with extra tricks. Both methods are compatible with all the major browsers. Have a look at how nice they are:

Css Globe solution:

http://cssglobe.com/lab/textgradient/

WebDesignerWall solution:

http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

Sample codes for these nice effects can be downloaded from each website.

Text in websites are normally in a rectangle shape. This is how things work.

How would it be if they were like this?

CSS Text Wrapper is an online web service which helps you to create the necessary html-css or javascript files for this effect.

You can choose between 3 solutions to get this css text wrap look:

- Inline Css/Xhtml
- Xhtml w/Classes
- Javascript

CSS Text Wrapper helps you to draw the "wrap look" and creates the necessary css or javascript information and all you need to do is to apply them. That easy.

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: