jQuery | webtoolkit4.me

CSS3 animations and their jQuery equivalents

June 18th, 2011 - CSS, Frontend, jQuery - No Comments

A really nice comparison chart with demos can be found over at marcofolio.net. The chart provides a small set of animations that we can create using pure CSS3 (webkit browsers only at the moment) and their equivalents using jQuery.

Demo: http://demo.marcofolio.net/css3_jquery_animations/

Grid Navigation Effects with jQuery

June 14th, 2011 - Frontend, jQuery - No Comments

null

Some really interesting effects can be found on the “Grid Navigation Effects w/ jQuery” article / plugin over at Codrops. Instructions on how to use the plugin and navigate through thumbnails with 10 different ways can be found at the end of the article.

Demo: http://tympanus.net/Development/GridNavigationEffects/example5.html

Download: http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/

Plax – a Parallax jQuery plugin

June 10th, 2011 - Frontend, jQuery - No Comments

Plax - Parallax jQuery plugin

Have you seen the awesome 404 and 500 github pages? Beside the beautiful illustrations by Cameron McEfee, he decided to create a tiny plugin for “parallaxifying” things like that in the future. Well, he also decided to share it with us!

Download: http://www.cameronmcefee.com/plax/

Flux Slider – A jQuery / CSS3 slider

June 9th, 2011 - CSS, Frontend, jQuery - No Comments

Flux - jQuery CSS3 Slider

At some point in a project you might have used a slider of images for e.g. your featured articles or something. While there are literally hundreds of these out there, Flux goes a step further and while browser support is not the best, have a look at it as it utilizes some really great CSS3 effects. As the author states, you can either use jQuery or Zapto.js. In order to view the demo you need a browser that supports CSS3 transitions. Good stuff.

Demo: http://www.joelambert.co.uk/flux/

Download: https://github.com/joelambert/Flux-Slider

QapTcha : jQuery captcha system with jQuery & jQuery UI

February 18th, 2011 - Frontend, jQuery - 4 Comments

“QapTcha is a draggable jQuery captcha system with jQuery UI. QapTcha is an easy-to-use, simple and intuitive captcha system. It needs human action instead of to read a hard text and it is a very lightweight jQuery plugin.” This plugin can be used and uploaded to your webhost for your website.

Demo: http://www.myjqueryplugins.com/QapTcha/demo

Download: http://www.myjqueryplugins.com/QapTcha