20 New jQuery Techniques – October

We don’t do jQuery roundups every month because we prefer to wait a longer period to get a better selection, more to choose from – anyway, this is October months roundup for jQuery techniques. This listing represents new techniques from late August until now.

Our definition of jQuery techniques includes tutorials, plugins and similar useful items of educational or captivating wisdom – and in our definition of “new” we include released or updated during actual period (we don’t like to write “new” if it isn’t). This listing involves new jQuery techniques during the period of August 20 until October 25 this year (2010).

Note: jQuery Mobile Alpha 1 was released on October 16. jQuery Mobile is a user interface framework, built on top of jQuery. For more info, please visit jQuery Mobile.

Cashrevelations.com presents a selection of new and fresh jQuery techniques – 20 new jQuery techniques released or updated during the period of August 20 until October 25 this year (2010). All these jQuery techniques are presented with demo.

20 Fresh & New jQuery Techniques – October 2010

1. Custom Animation Banner with jQuery
In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way.
View Demo

2. Quick Feedback Form – jQuery & PHP
In this tutorial by Martin Angelov you will learn how to create a solution for receiving quick feedback from your users – powered by jQuery, PHP and the PHPMailer class, this stylish form sends the users suggestions directly to your mailbox.
View Demo

3. Wijmo – jQuery UI Widgets
Wijmo is a set of jQuery UI widgets for building web applications – a complete kit of over 30 jQuery UI Widgets. According to the developers, it is a mixture of jQuery, CSS3, SVG, and HTML5. Still in Beta – open to everyone who wants to participate.
View Demo

4. One Page Navigation – jQuery Plugin
This is a practical navigation plugin by Trevor Davis that lets you scroll smoothly when the navigation is clicked – this plugin is built upon the jQuery ScrollTo plugin by Ariel Flesler. The plugin is also available on Github.
View Demo

5. RSS Reader With jQuery Mobile
In this easy to follow tutorial by Jeffrey Way you will learn how to create a simple but stylish RSS reader for your iPhone or Android phone, just by using some PHP and jQuery Mobile. You can also download the source files.
View Demo

6. Easy Accordion – jQuery Plugin
The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still. You can download the source files for this plugin.
View Demo

7. Lettering – jQuery Typography Plugin
Lettering by Dave Rupert is an easy to use and lightweight jQuery plugin for radical web typography. This is an elegant solution to create for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.
View Demo

8. Annotation Overlay Effect with jQuery
In this tutorial you will learn how to create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. Just like with all the other Tympanus tutorials we present, also this tutorials source files can be downloaded.
View Demo

9. Snippet – jQuery Syntax Highlighter
Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.
View Demo

10. Google Powered Site Search With jQuery
In this logical tutorial you will learn how to create a branded custom search engine simply by using Google’s AJAX Search API, with which you can search for images and video and news items on your site – and you can also get general web results.
View Demo

11. Simple Tooltip – jQuery & CSS
In this tutorial by Soh Tanaka you will learn how to create simple tooltip with jQuery and an incredibly simple styling with CSS. The only known issue with this tooltip is if the tooltip is wrapped in a container which has a relative position, the tooltip will be off.
View Demo

12. Compact News Previewer with jQuery
In this tutorial you will learn how to create a news previewer that lets you show your latest articles or news in a compact way. The previewer will show some list of articles on the left side and the preview of the article with a longer description on the right.
View Demo

13. Exposure jQuery Plugin
Exposure is an image viewing plugin for the jQuery JavaScript library. It is designed for creating rich, fully customizable viewing experiences, and can handle very large amounts of images without pushing your bandwidth through the roof.
View Demo

14. Giveaway Randomizer App – jQuery
In this tutorial you will learn how to create a dedicated randomizer jQuery application – especially for choosing winners in competitions and giveaways. The goal is to get a randomly selected list of contestants and their prizes.
View Demo

15. jQuery Smooth Tabs Plugin
jQuery Smooth Tabs is an easy to use plugin, which allows you to display your content with some nice effects, for better user experience. All you need is a single container for your desired tabs and content, some appropriate CSS and images.
View Demo

16. TN34 Timetabs – jQuery Plugin
This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab – the plugin is compatible with most modern browsers. The site is in German – you can also download the plugin from HERE.
View Demo

17. Full Page Image Gallery with jQuery
In this tutorial you will learn how to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.
View Demo

18. bgStretcher – jQuery Plugin
Background Stretcher is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize them to fill the entire window area. It will work as a slideshow if multiple images mode is used.
View Demo

19. SlideNote – jQuery Plugin For Sliding Notifications
SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application. SlideNote offers a set of five options that allow you to modify the behavior and content of the script.
View Demo

20. Easy List Splitter – jQuery Plugin
The Easy List Splitter plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. It generates a valid HTML code that you can style as you wish.
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