Advertise here

Effects

Blog Face – jQuery Plugin for Brick-Wall Look Sites

January 05, 2013     1689     Effects
Blog Face – jQuery Plugin for Brick-Wall Look Sites

Blog Face is a new jQuery plugin that will build a brick-wall view for your blog home page. All you need to do is specify your blog URL in your javascript. More recent articles will be better positioned and will have a better size.

Additionally, every article on the interface will have a zoom on mouse hover effect. This zoom effect can be toggled at run time by pressing "b".

Read More »

bounceThis – Animations of Bouncing Headers jQuery Plugin

January 01, 2013     2659     CSS3 & CSS Effects
bounceThis – Animations of Bouncing Headers jQuery Plugin

Slick animated drop-down headers that gracefully drop into the page is usually done via some CSS3 keyframes code, but here’s the jQuery version.
bounceThis plugin, the cross-browser compatible, super slick and sharp bouncing headers CSS3 keyframes alternative. 

Read More »

Maskify Slider – Slider with Image Mask Effect

December 27, 2012     3367     Slider Effects
Maskify Slider – Slider with Image Mask Effect

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask.

The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it's only one masked image.

Read More »

jQuery Wiggle Plugin

December 26, 2012     1380     Effects
jQuery Wiggle Plugin

jQuery Wiggle is a jQuery plugin that allows you to emulate the wiggle effect icons on an iPhone have when you press and hold down on them. 

Read More »

Live Album Previews with CSS3 and jQuery

December 22, 2012     1969     Slider CSS3 & CSS Effects
Live Album Previews with CSS3 and jQuery

Here you will make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Read More »

Image Color Up jQuery Plugin

December 18, 2012     10064     Effects
Image Color Up jQuery Plugin

Image Color-Up is a jQuery plugin to add effects on mouse hover to your images: monochrome/greyscale, sepia, negative, darken or lighten images.

Read More »

jQuery Sliding Hover Animated Menu

December 12, 2012     5349     Menu Effects
jQuery Sliding Hover Animated Menu

Here you ll be building a cool Animated navigation list complete with a sliding hover effect.

We’ll build the design to work without jQuery first of all to ensure it’s widely accessible to users without Javascript enabled, then enhance the effect with jQuery for the majority of users.

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10899     Effects Animation Grid & Layout
Fullscreen Pageflip Layout Using BookBlock Plugin

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Read More »

Destaque – Slideshow Plugin with Parallax Effect

December 05, 2012     7575     Slider Effects
Destaque – Slideshow Plugin with Parallax Effect

Destaque is a simple slideshow plugin with built-in parallax effect.

Read More »

Simple Effects for Drop-Down Lists

November 30, 2012     8134     CSS3 & CSS Form Elements Effects
Simple Effects for Drop-Down Lists

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

Read More »

Adaptive Thumbnail Pile Effect with Automatic Grouping

November 21, 2012     2279     CSS3 & CSS Effects
Adaptive Thumbnail Pile Effect with Automatic Grouping

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

Read More »

Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

November 14, 2012     3002     CSS3 & CSS Effects
Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items.

There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way. 

Read More »

GSInnerZoom – Inner Zoom & Magnifier jQuery Plugin

November 12, 2012     5240     Zoom Effects
GSInnerZoom – Inner Zoom & Magnifier jQuery Plugin

GSInnerZoom is a jQuery plugin that permit you to do an inner zoom or magnifier inside an image.

Read More »

jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

November 12, 2012     5802     HTML5 Effects
jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

jQuery.BlackAndWhite plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers. 

Read More »

Hover Slide Effect with jQuery

November 11, 2012     3758     Slider Effects
Hover Slide Effect with jQuery

Here you ll learn how to create a neat effect with some images using jQuery.

The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. 

Read More »