Category: Effects
  • Sort by:
  • Latest
  • Most Hot
  • Popular
  • Random

Charming Lettering With jQuery – Lettering.js

CSS3 boosted the use of custom fonts and styles in websites. However, it still doesn't offer a complete down-to-the-letter control. Lettering.js, a lightweight and easy to use Javascript <span> injector for radical web typography aims to fill this gap. It simply divides any given element into pieces of ...


Image Effects With JavaScript – PaintbrushJS

PaintbrushJS is a JavaScript library for applying effect to images on the client-side. It makes use of the canvas element and works by applying a class to an element on the web page and setting few parameters with some extra HTML attributes. The filters it supports currently are: blur, grayscale, mosaic, noise, ...


Flip Any HTML Element With jQuery Flip!

Flip! is a jQuery plugin that enables you to flip any HTML, text or jQuery element beautifully. It is possible to set the direction of the effect, right-to-left, up-to-down or vice versa of both, the content to be displayed after the flip and the background of it. Also, optionally, you can define the speed of the ...


Image Zoomer With HTML5 Canvas: Wadda

Wadda is a lightweight JavaScript library that uses HTML5 canvas for zooming images. It comes in 2 JS files, one for the common functions an the other for the wadda function. The library simply displays the original-sized-image inside a "lens effect" that must be mentioned in the thumbnail's title tag. ...


Background Image Animation With jQuery: jAni

Animated GIFs can have up to 256 colors & they are not interactive. jAni is a lightweight jQuery plugin for animating background images which can be an alternative to animated GIFs (in some cases). It simply changes the position of a long background image in given distances & speed. The plugin has few ...


Creating A Bubble Effect With CSS

AEXT.NET, a blog focused on web design & development, is presenting a very detailed tutorial on creating bubbles effect (like Apple Dock) with CSS. The tutorial includes two methods: CSS sprites (basic) & the image swapping (advanced) which will be generating the same visual output. The effect ...


Wrap Content Around Images: jQSlickWrap

jQSlickWrap is a jQuery plugin for wrapping content around images. It uses the HTML 5 canvas tag very smartly by analyzing the original image, the CSS properties for it & re-drawing the image. The usage is as simple as calling a function like: $('.classToBeWrapped').slickWrap();. The ...


Switching Images With Style: ImageSwitch

jQuery has built-in animations & effects. But when it comes to switching between 2 objects, you may need to code a little more for a flawless display. ImageSwitch is an easy to use jQuery plugin for switching between images using effects. The plugin supports various effects like fade in/out, fly in/out, flip ...


Parallax Effect With MooTools: mParallax

Parallax effects give a feel of depth & increase the visuality so much. mParallax is a MooTools implementation of the popular jQuery plugin: jParallax (see WRD post). It eases creating parallax effects with offering various customization options. There are nice examples presented like this & this.