14 Outstanding jQuery Plugins & Tutorials

August 12, 2010 — 1 Comment

In The Creative Project site we regularly collect useful bundles of jQuery plugins, snippets, resources and present them in different posts. This time we are again covering some useful and vastly new jQuery plugins and tutorials that may help you improve the user experience for your site.

1. Colorful Sliders With jQuery & CSS3

In this tutorial made by Martin Angelov. You will use jQuery and the new transformation features brought by CSS3 to create a three-dimensional dynamic slider effect. The techniques presented are useful for creating sliders and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.

2. A Fresh Bottom Slide Out Menu with jQuery

We will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction

3. Making a Mosaic Slideshow With jQuery & CSS

Another tutorial made by Martin Angelov. How ever in this tutorial you will be making a jQuery & CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another

4. Create an Impressive Content Editing System with jQuery & PHP

This tutorial is from Nick Parsons and today! he will going to show you how to use jQuery and PHP to build a content editing system that will allow you or your client to easily edit .html pages visually

5. jQuery image zoom effect

In this tutorial today I’m going to run through the technique used to zoom the image thumbnails and display the overlay of text.

6. qTip – The jQuery tooltip plugin

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.  Built from the ground up to be user-friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free under the MIT license!

7. Thumbnails Navigation Gallery with jQuery

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style.

8. Related Posts Slide Out Boxes with jQuery & CSS3

Today we will create a very useful element for showing related posts or articles in a website. The main idea is to show a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out, revealing the title and two links, one for the related article itself and one for the demo. Additionally, we will have a shuffle button under the list. When pressed, the list gets randomly refreshed with related posts.

9. jQuery Collapser plugin

Jquery collapser is a multi-purpose collapser plugin made for expanding and collapsing elements. You can create an accordion, list collapser using this plugin.

10. jQuery  Selected Text Sharer

Jquery selected text sharer is a promoting and enhancing plugin focusing to increase the site usage. This plugin displays a widget having links to search / share, above the selected text. Inspired from NY times website.

11. jQuery Text Box Hinter

Jquery textbox hinter is plugin which allows to add hints to text-boxes and text-areas. Acts as a complete replacement for labels.

12. jQuery Lite Content Slider Plugin

Jquery lite content slider is a really a light weight content slider with the ability to slide and any content with high customisability.

13. jReelGallery – Cross browser fluid jQuery image gallery

This little jQuery image gallery plugin is basicly recreates the standard built-in window scrolling with a smooth easing effect. It is still in an early, development state, thus it may suffer from issues; but I will be working on it to make jReelGallery a more solid and robust widget.

14. AviaSlider – A jQuery Image Slider

AviaSlider is a jQuery Slider plugin with very unique transition effects

Make sure to check out all of our other jquery plugins lists
About these ads

One response to 14 Outstanding jQuery Plugins & Tutorials

  1. 

    High resolution fotos gallery – jQuery ajax-zoom – http://www.ajax-zoom.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s