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.
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.
blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.
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!
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.
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.
Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)
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.
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.
Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.
Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.
SergeLand Image Zoomer is free jQuery image zoom plugin the magnifying glass effect.
Features
menuFlip is a jQuery plugin for adding a ‘ flipping ’ effect to text based navigational menu items when hovered over without needing to use background images, which can be a pain.
PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.
jGravity is a jQuery plugin that bring gravity to your site. It adds gravity to either all or specified elements within a page. and it's very easy to use.
