Advertise here

Effects

Text Effects – Sci-Fi Style Effect with jQuery

July 23, 2013     8026     Effects Text & String
Text Effects –  Sci-Fi Style Effect with jQuery

Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.

Read More »

On Scroll Effect Layout

July 22, 2013     10924     Scroll Effects
On Scroll Effect Layout

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Read More »

On Scroll Header Effects

July 18, 2013     9933     Scroll Effects Animation
On Scroll Header Effects

Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.

Read More »

elementTransitions.js – Many Transition Effects for Web Pages

July 11, 2013     6040     CSS3 & CSS Effects
elementTransitions.js – Many Transition Effects for Web Pages

elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

Read More »

Offreg – Turning Images Into Offset Screenprints

July 09, 2013     1294     CSS3 & CSS Effects
Offreg – Turning Images Into Offset Screenprints

Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.

Read More »

qTip2 – Pretty Powerful Tooltips

July 08, 2013     9088     Ajax Tooltip Effects
qTip2 – Pretty Powerful Tooltips

qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework.

qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!


Features
  • Speech bubble tips
  • Integrated AJAX
  • Viewport repositioning
  • z-index stacking
  • Modal tooltips
  • Imagemap & SVG support
  • IE6 support (BGIframe) …and lots more!

Read More »

Vague.js – jQuery Plugin to Blur Any Kind of Html Element

July 08, 2013     21746     CSS3 & CSS Effects
Vague.js – jQuery Plugin to Blur Any Kind of Html Element

Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.

Read More »

Tabulous.js – jQuery Tabs Module

July 04, 2013     4445     Tabs Effects
Tabulous.js – jQuery Tabs Module

Tabulous.js is a jQuery plugin that provides an easy method of creating tabbed interfaces. As long as the specified HTML structure is followed, the tabulous plugin will take care of creating the tabbed functionality.

Read More »

Jumble – jQuery Plugin for Jumble Up the Colours of Texts

June 27, 2013     5415     Effects Animation Text & String
Jumble – jQuery Plugin for Jumble Up the Colours of Texts

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)

Read More »

flipGallery – jQuery Powered Animated Photo Gallery

June 12, 2013     10973     Gallery Effects
flipGallery – jQuery Powered Animated Photo Gallery

flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.

Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

Read More »

Horizontal Portfolio Layout with CSS3 Animations and jQuery

June 10, 2013     7063     CSS3 & CSS Effects
Horizontal Portfolio Layout with CSS3 Animations and jQuery

In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.

Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.

Read More »

aMenu – Animated jQuery Menu

June 02, 2013     4497     Menu Effects
aMenu – Animated jQuery Menu

aMenu is a animated jQuery Menu plugin with show, fade, slide, wind effects. Also you can choose effect speed.

Read More »

Smooth Diagonal Fade Gallery with CSS3 Transitions

June 01, 2013     5356     Gallery CSS3 & CSS Effects
Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial you are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. 

CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.

Read More »

FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

May 27, 2013     16018     CSS3 & CSS Date & Time Effects
FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

Features

  • Use as a clock
  • Use as a timer
  • Use as a countdown
  • Themeable using pure CSS
  • Clean & Dry Syntax
  • Abstract everything into reusable objects
  • Full-Featured Developer API to create custom “Clock Faces”

Read More »

Responsive_DG_Slider – Full Screen Responsive jQuery Slider

May 17, 2013     13834     Slider Gallery Effects
Responsive_DG_Slider – Full Screen Responsive jQuery Slider

Responsive_DG_Slider is full screen responsive image slider powered by the fantastic java-script library jQuery. It is flexible and it has different transition effects. Also  With a nice and simple design it adjusted automatically to the width of your browser screen.

Read More »