The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Images

Images Category

Inset borders with jQuery – Inset Border Effect

Inset border effect is a jQuery extension that creates borders within the target element.

BLABLAJQUERY Inset borders with jQuery   Inset Border EffectYou can do it with simple CSS, one might say.

Well, it isn’t that easy to create borders inside the target element! When the element is hovered, the sides gracefully fade out.

You also can configure the plugin: change the border color and the speed at which they fade out; you can adjust the border’s width; and also change the border type just like you would in CSS.

Despite having a pretty extravagant license, the plugin works wonders for unique image galleries and you can also use it for user avatars.

Colored tooltips – colortip

Colortip is a jQuery plugin that adds nice looking tooltips to elements with absolutely no images–only jQuery and CSS.

colortip Colored tooltips   colortipColortip has 6 color themes that should suit most of your design needs.

No worries if you want to add new colors, though. You can simply rebuild the plugin yourself as the website also offers a tutorial that explains thoroughly how Colortip was made.

A featured content transition effect – jQuery Blockster

Andrew Croxall has written Blockster, a lightweight (2.2 kb) jQuery plugin that gives images a neat block by block transition effect.

mitya A featured content transition effect   jQuery Blockster

Blockster can be used for both image galleries and for a “featured articles” image transition effect.

The plugin can be customized to change the count of squares in a table like fashion; you can also change the animation speed, fading effects and square order.

A JavaScript thumbnail viewer – Highslide JS

Highslide JS is a quick and sexy JavaScript thumbnail viewer/gallery with an intuitive UI.
Highslide A JavaScript thumbnail viewer   Highslide JS

Basically, Highslide is a highly functional modal box, albeit even easier to implement. It can be reduced to 10kb size.

It comes with an installer that can add Highslide to your web within minutes–and with no code! However, the best thing about Highslide is the extensive configuration it can undergo.

The only downside to Highslide is that it’s released under the CC license–you have to buy for use in commercial projects.

CSS3 rounded images with jQuery – jQuery Round Images

jQuery Round Images is a jQuery plugin for rounding images, akin to this tutorial.

sample rounded images CSS3 rounded images with jQuery   jQuery Round ImagesThe plugin can round images of unlimited size, and resize them according to your specifications.

Rounded images will work best for personal blogs for commentator avatars or, alternatively, you can use it for avatars in message boards.

A beautiful jQuery slider – AviaSlider

AviaSlider is an image gallery plugin for jQuery. It costs $14.
The keyword for this plugin is ‘beautiful‘, as its design is truly remarkable–contemporary, yet elegant; the designers really did their homework!

AviaSlider A beautiful jQuery slider   AviaSlider.

Let’s not overlook the features though. AviaSlider comes packed with 8 transition effects; autoplay; image preloader; linked image support; etc.

The only downside to this plugin is the scarce browser support, as AviaSlider only works on newer browsers, starting with IE6, Chrome 3, FireFox 2 and Opera 10.