10 fresh & New jQuery techniques

This is our jQuery roundup for September 2011 – This specific listing represents new jQuery techniques from mid July until now – and contains some useful and screaming fresh jQuery techniques, including a beautiful and amazing jQuery photo slider solution from WebDesignShock and a responsive image gallery tutorial by Mary Lou.

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: and this particular time our actual period is between July 18 and September 28.

Cashrevelations.com presents a selection of new and useful jQuery techniques – 10 brand new jQuery techniques released or updated during the period of July 18 until September 28 this year. All these jQuery techniques are presented with demo.

10 New & Useful jQuery Techniques – September

1. Responsive Image Gallery with Thumbnail Carousel
In this tutorial you will learn how to create a responsive image gallery with a thumbnail carousel using Elastislide. The gallery will have a view switch that allows to view it with the thumbnail carousel or without.
View Demo

2. HTML5 File Uploads with jQuery
In this tutorial you will learn how to create a small web application called Upload Center, that will allow people to upload photos by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.
View Demo

3. Portfolio Image Navigation with jQuery
In this tutorial you will learn how to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal and vertical).
View Demo

4. Shuffle Letters Effect – jQuery Plugin
In this short tutorial you will learn how to create a jQuery plugin that will shuffle the text content of any DOM element – an interesting and stylish effect that can be used in headings, logos and slideshows.
View Demo

5. Display your Favorite Tweets – PHP & jQuery
In this pedagogical tutorial you will learn how to display your favorite tweets in a stylish CSS3 interface – with the help of jQuery and a PHP class that will fetch, cache, and display your favorite tweets.
View Demo

6. jQuery Menu Slider
In this tutorial you will learn how to create a jQuery menu slider similar to the one used in Design Chemical website mega menu navigation – The HTML is very simple. They have also a follow up article on how to add vertical animation to the slider menu.
View Demo

7. jQuery Tab Slideout Contact Form
This practical plugin allows you to easily add a sliding tab to your WebPlus project. The tab can contain just about anything. In our case we will include an iframe pointing to a generic web form.
View Demo

8. Amazing jQuery Photo Slider
In this tutorial you will learn how to create an amazing carousel vintage photo slider with PHP and jQuery – to be applied in different websites so you can showcase your work in a more original way. Source code can be downloaded.
View Demo

9. Image Zoom Tour with jQuery
In this tutorial you will learn how to create a little zoom tour script – Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view.
View Demo

10. Facebook Like jQuery Face Recognition
In this short tutorial you will learn how to detect faces in a specific photo, by using FaceDetection jQuery plugin which uses an algorithm by Liu Liu. The Source code can be downloaded from the site.
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