12 Fresh & Advanced jQuery Techniques

In this December jQuery roundup, the last one for this year, we present some interesting and refreshing objects. For example a nice hover slide image effect tutorial, the cool little MobilyBlocks plugin by Marcin Dziewulski and many more. This December listing represents new jQuery techniques from late October until now.

In our definition of jQuery techniques we include tutorials, plugins and similar – and in our definition of “new” we include released or updated during the actual period. This roundup involves new jQuery techniques during the period of October 25 until December 14.

Cashrevelations.com presents a selection of advanced jQuery techniques – 12 brand new jQuery techniques released or updated during the period of October 25 until December 14 this year (2010). All these marvelous jQuery techniques are presented with demo.

12 New & Advanced jQuery Techniques – December

1. Bubbleriffic Image Gallery with jQuery
In this tutorial you will learn how to create a bubbly image gallery that shows images in a unique way. The thumbnails shows in a rounded fashion and you can simply scroll them automatically by moving the mouse. Clicking will zoom in a big circle with the full image.
View Demo

2. MobilyMap – jQuery Plugin
This is a lightweight (only 5KB) and fully and easily configurable jQuery plugin by Marcin Dziewulski that converts a simple image into a functional and practical map – a nice solution for your websites map presentation needs.
View Demo

3. jQuery Confirm Dialog Replacement
In this tutorial by Martin Angelov you will learn how to create a stylish cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.
View Demo

4. Hover Slide Effect with jQuery
In this tutorial you will learn how to create a neat hover and slide 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.
View Demo

5. Supersized – jQuery Plugin
This nice plugin resizes images to fill browser while maintaining image dimension ratio and cycles Images or backgrounds via slideshow with transitions and preloading. There is a few more demos on the plugin download page.
View Demo

6. Overlay Effect Menu with jQuery
In this easy to follow tutorial you will learn how to create a simple but yet practical menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand.
View Demo

7. MobilyBlocks – jQuery Plugin
This is yet another lightweight (as little as 2KB) and easily configurable jQuery plugin by Marcin Dziewulski. MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.
View Demo

8. Animated Portfolio Gallery with jQuery
In this tutorial you will learn how to create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbs and a content area where we will display details about the item. The image can be enlarged by clicking, making it appear as an overlay.
View Demo

9. Awesome Image Preloader – jQuery
In this pedagogical tutorial you will learn how to create a graceful image preloader plugin (that works in all major browsers), to boost the performance of your website. First a small loading icon appears, and then self the image fades in gracefully.
View Demo

10. Rotating Image Slideshow with jQuery and CSS3
In this pedagogical tutorial you will learn how to create a nice rotating image slideshow to spice up your web sites – and to achieve that you take a little bit of help from jQuery and CSS3 rotations (and the useful jQuery rotate plugin by Louis-Rémi Babé).
View Demo

11. Pull Out Content Panel with jQuery
In this tutorial you will create a content panel that slides out at a predefined scrolling position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll through items in the panel.
View Demo

12. MB.VerticalSlider – jQuery Plugin
MB.VerticalSlider by Matteo Bicocchi allows you to show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via AJAX when needed. And it works with mouse wheel of course.
View Demo

The different jQuery items presented here in this article are not in any particular order – and Cashrevelations is not by any means whatsoever affiliated with any of the authors.

Related Posts :

iCheck - New jQuery Plugin

Announcing jQuery Mobile 1.2.1

jQuerin Grid Builder

5 jQuery Presentations Techniques