13 Brand New jQuery Techniques

The jQuery items, or techniques, in this listing are developed, released or updated during the short period of January 25, 2010 until April 1, 2010. This list is by all means not at all complete. There is a lot more nice techniques released during this period that are not represented in this list, but this is our selection. Because these specific techniques could be useful for the general website builders, or simply because they impress us.

Cashrevelations presents a selection of new jQuery techniques – 13 interesting and brand new jQuery techniques or tutorials, released or updated during the period of January 25, 2010 until April 1, 2010, and every jQuery item is presented with demo.

You might also be interested of: 150 JavaScript Techniques

13 New jQuery Techniques – April 2010

1. Sponsor Flip Wall With jQuery And CSS
In this relatively easy-to-follow tutorial Martin Angelov will teach you how to code a good looking and effective sponsors page with PHP, CSS and jQuery together with the jQuery Flip plug-in by Luca Manno. You can download the source files.
View Demo

2. Interactive Image Vamp Up With jQuery, CSS3 And PHP
In this tutorial you will create an online application for giving some funny touches to an image. You use jQuery and jQuery UI for dragging and resizing little bling elements like mustaches, glasses and lips. The source files are available for download.
View Demo

3. Nifty Dynamic Shadow With jQuery
In this logical and relatively easy-to-follow tutorial Daniel Kurdoghlian will teach you how to create a nifty looking dynamic shadow with a bit of jQuery, CSS and some transparent PNG’s as base – and you can also download the source files to this effect.
View Demo

4. Lava-Lamp Style Navigation Menu – jQuery
In this logically done tutorial Jeffrey Way of Nettuts+ will teach you how to build a neat looking lava-lamp style navigation menu for your site using jQuery and CSS. As usual you can download the complete source files.
View Demo

5. Bottom Slide Out Menu With jQuery
In this tutorial we will create a bottom slide out menu. This large menu will contain some title and a description of the menu item. You use some CSS3 properties for some shadow effects and jQuery for the interaction. The source files are available for download.
View Demo

6. Mosaic Slideshow With jQuery And CSS
This tutorial teaches you how to create a jQuery and CSS mosaic gallery. The effect is achieved by dividing the original image into smaller parts. These tiles are sequentially hidden from view, which causes the effect. The source files are available for download.
View Demo

7. Flash-like Color And Pattern Morphing Effect With jQuery
In this tutorial you will learn how to create a Flash-like effect with a few lines of jQuery and a transparent PNG as mask. Dynamically change the color of the logo, and add patterns as you wish and even animate them. You can also download the source files.
View Demo

8. Sleek Feed Widget With jQuery, YQL And CSS3
In this tutorial you will learn how to create a sleek feed widget, that will fetch any feed and display it in your blog sidebar. You could for example set it up to show the latest posts from the different categories of your blog. You can also download the source files.
View Demo

9. Photo Zoom Out Effect With jQuery
In this tutorial you will learn how to create a simple image zoom out effect with jQuery. The idea is to show some images which are zoomed in initially and when hovering over an image it gets zoomed out. You can also download the source files.
View Demo

10. jQuery Panel Magic – Panel Layout For Small Websites
jQuery Panel Magic plugin is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. The plugin provides you with a unique way to “panelize” a website.
View Demo

11. YoxView – jQuery Image Viewer Plugin
YoxView is a jQuery image viewer plugin – it is inspired by Lokesh Dhakar’s Lightbox. Like it, YoxView displays images above the website’s content, as a separate layer. You can easily integrate your images from external sources like Flickr or Picasa into your website.
View Demo

12. Sweet AJAX Tabs With jQuery 1.4 And CSS3
In this tutorial you will learn how to create a colorful AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery. The downloadable source code is easily modifiable and adding new tabs is as easy as adding new properties to the Tabs object.
View Demo

13. Grungy Random Rotation Menu With jQuery And CSS3
In this tutorial we are going to create a nice menu with each item positioned differently and with some content area that slides out. The menu items are going to have a random rotation using the CSS3 property “transform”. The source files are available for download.
View Demo

The jQuery Techniques are not in any particular order and as usual you decide what fits best for your purposes and demands – and Cashrevelations.com is not affiliated with any of the plugin or tutorial authors.

More about jQuery JavaScript:

• 150 JavaScript Techniques
• 40 JavaScript Tools

Related Posts :

Baker - HTML5 eBook Framework

Cashrev No:1 - Free Video Squeeze Page

VideographEx - WordPress Theme

Social Metrics - Media Analytics