10 New jQuery Techniques

Since we did our research and wrote the article 100 Ajax And JavaScript Techniques some new jQuery techniques were born or updated with new features. Apart from being practical and good solutions to different presentation problems, they are also very funny to play around with - a bit like toys for grown-ups. So, we decided to list those new techniques we think could be most useful in a modern webdesign.

Wikipedia: jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. Licensed under the MIT License and the GNU License.

Cashrevelations.com presents 10 New jQuery Techniques with demos that can enhance and bring some interactivity to your website or blog and with that make them a bit more user friendly. You might also be interested to visit jQuery - The JavaScript Library.

jQuery Techniques

1. Interactive Picture With jQuery
In this tutorial you will learn how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. The original inspiration for this tutorial came from the IKEA website.
View Demo

2. jCapSlide - jQuery Image Caption Plugin
Plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay.
View Demo

3. TopUp - JavaScript Pop Up
TopUp is an easy to use JavaScript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness. Beta release.
View Demo

4. jQuery Twitter Ticker
In this tutorial you will learn how to create a jQuery & CSS twitter ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases.
View Demo

5. Twitter Trackbacks Widget - jQuery Plugin
Highly customizable Twitter trackbacks widget to integrate tweets that mention your post into your blog. Each tweet comes with reply and retweet links to get more readers engaged in your story conversation. Display tweets as a bar with transition effects or as a fixed list. Many transition options like opacity, height and font-size.
View Demo

6. jQSlickWrap - Slick Text Wrapping For jQuery
jQSlickWrap is a plugin for jQuery which allows you to wrap content around irregularly shaped images, easily. Use float and padding CSS styles to specify how the wrapping will work. Written with Progressive Enhancement in mind.
View Demo

7. jFeedback - Minimal jQuery Notification Plugin
A minimal way to notify users of success or error, based on Twitter’s bar and jBar. The notification consists of a simple “OK” or “Error” icon which the user can decide to click if he is interested in the details of the notification.
View Demo

8. jPaginate - Fancy jQuery Pagination Plugin
jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.
View Demo

9. Flips - jQuery Plugin
Plugin for creating sliding boxes, that allows to show more boxes on one place. There is arrows to control which box is shown, many options like speed, auto-change interval, sides, button labels can be set.
View Demo

10. jQuery Slider Plugin - Safari Style
jQuery Slider is easy to use and multifunctional jQuery plugin. Helps you to build a range slider with Safari Style. Useful and usable on for example real estate websites.
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 JavaScript and AJAX:

• 100 Ajax And JavaScript Techniques
• 40 JavaScript Tools