40 Free Amazing jQuery Plugins and Tutorials With Demos

   

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig. WIKI

jQuery is something really wonderful for designers which gives functionality to the web sites and i think it really attracts visitors of the sites.Yesterday i’ve collected 40 jQuery plugins which you will like probably.They are all free and you can learn how to integrate from the sources.

Here are the 40 Free jQuery plugins with tutorials and How Tos’

1.jqPuzzle

jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic.

442.Feature Your Products With Jquery

When you click on a product, the product image will zoom out to see a featured close-up shot and a description. When you click on another product, the last opened product will zoom back and the new clicked product will zoom back and the new clicked product will zoom out.

43

 


3.Create an Amazing Music Player Using Mouse Gestures & Hotkeys in jQuery 42

4.Create Astonishing iCal-like Calendars With jQuery

41

5.jQuery Image Cube

A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube.40

6.Tooltips

39

7.Fly Off Page

It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction.38

8.Create a jQuery Popup Bubble

Learn how to add a cool popup bubble to RSS feed link using jQuery.37

9.Simple Page Peel Effect with jQuery & CSS

35

10.Create a Content Rich Tooltip with JSON and jQuery

This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array. Here’s a look at the final result that we’ll be looking to me:34

11.Reel

Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash techniques.33.2 33.1

12.Color Changing Text and Backgrounds w/ jQuery

Here’s a quick and easy way to cycle between multiple colors smoothly.32

13.Simply Scroll v1

A jQuery plugin for scrolling a set of images.31

14.Sexy Alert Box

Sexy Alert Box is a “sexy” clon of classic javascript alert. With a taste to lightbox, it changes the ugly alerts of dows for more attractive alerts!.30

15.Supersized – Full Screen Background/Slishow jQuery Plugin

29

16.Sexy LightBox

SexyLightBox is a clon, sexier and more lightweight than the classic LightBox.28

17.Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphictions.27

18.Timeago jQuery Plugin

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes aor “about 1 day ago”).26

19.Creating a Virtual jQuery Keyboard

This tutorial will explain how we can implement a simple virtual keyboard with some (well, okay, lots of!) help from.25

20.A Cool Slider Effect That Stuck To Top Of The Page.

24

21.Creating a Keyboard with CSS and jQuery

The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically changes the keyboard when clicked.23

22.AnythingZoomer jQuery Plugin

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuplugin that does it.22

23.jQuery – Horizontal Accordion

This jQuery plugin allows you to easily transform any unordered list into a horizontal menu.20

24.Background-Position Plugin 19

25.jqDock v1.2

Transform a set of images into a Mac-like Dock menu,
horizontal or vertical, with icons thad on rollover!

18.2 18.1

26.jQuery Horizontal Tooltips Menu

A horizontal menu with tooltip that slides accross the menu panel. It’s a bit similar to lavmp, but in this script, it displays the caption of the icon menu.17

27.Image Lazy Loader Plugin For jQuery

Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded needed.

16

28.Easy Image Rollover Script With jQuery 15

29.jQuery Effect

A jQuery based animation/effects, progressive enhancement plugin for CSS backgrounds.14

30.Create a Realistic Hover Effect With jQuery 13

31.Masked Gallery

Build your own .png mask and cho your images to slide inside!10

32.Container Plus

This is a useful plug in to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.9

33.Ajaxify jQuery Plugin

Ajaxify is a jQuery plugin. it can convert all links in a web page into an ajax load and submit requests. with this ultra weight plugin, you can build a complex ajax website with one line.8

34.Seek Attention

The “seekAttention” plugin gracefully get’s your users attention by fading out a definable area but leaving the target element (the element which is seeking attention) un-faded and thereocusing the users attention on it.7

35.Create Simple Tooltips With CSS and jQuery

6

36.S3 Slider jQuery

5

37.The Sexy Curls jQuery Plugin

Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember
which lets you share in the be page fold.4

38.JQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.3

39.jParallax

jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxd of way.2

40.Fancy Zoom

Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself.

1

Affordable Printing Brochures Online at PsPrint.com

4A0-103 exam dumps by testking give you possibility to improve your test score in 640-460 as well as 640-553.

Related

About The Author

Designbeep Staff

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.

20 Comments

  1. Tweets that mention 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep, 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep -- Topsy.com

    […] This post was mentioned on Twitter by MedienStiftung FMS and tolga, Farid Rahmawan. Farid Rahmawan said: 40 #Free Amazing #jQuery Plugins and #Tutorials With Demos http://bit.ly/8OfyIK (via @togi1202) […]

  2. Vote on this article at blogengage.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig….

  3. You are now listed on FAQPAL

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig….

  4. tutable.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig…

  5. joyoge.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig. …

  6. zabox.net

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig….

  7. designfloat.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig….

  8. Craft – Christmas table centre narcissi decoration | Christmassy Decoration

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep […]

  9. 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep | Adobe Tutorials

    […] jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig. See the rest here: 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep […]

  10. pligg.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is something really wonderful for designers which gives functionality to the web sites and i think it really attracts visitors of the sites.Yesterday i’ve collected 40 jQuery plugins which you will like probably….

  11. pligg.com

    40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep…

    jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCampJohn Resig….

  12. tripwire magazine | tripwire magazine

    […] Textures that you can download for free. You can use them for free for personal and commercial use.40 Free Amazing jQuery Plugins and Tutorials With DemosjQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. […]

  13. 40 Free Amazing jQuery Plugins and Tutorials With Demos | TopRoundups

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos Submitted by arshad […]

  14. Frugal Freebies: Free printed postcard to US Troops | Freebies Uncovered

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep […]

  15. Chris ward

    Great demonstrations, i think it’s also good to note that google hosts a collection of ajax libraries including the jQuery, it helps your websites load times

  16. Alex Batista

    Best collection! Very nice.

  17. All In One Information » 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep

    […] here:  40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep This entry is filed under Free. You can follow any responses to this entry through the RSS 2.0 […]

  18. Derek Hsu

    Great collection! It’s very useful to me. Thank you!

  19. faisal amir

    thanks for this sharing…

  20. Twitted by fcocabezas

    […] This post was Twitted by fcocabezas […]

  22. links for 2009-11-23

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep (tags: jquery javascript plugins webdesign resources) Socio-Encapsule this: […]

  23. 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep | www.kotihost.com

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep Share and […]

  24. FAQPAL

    Excellent lost there, I know how making these lists takes time, thanks.

  25. 40 Free Amazing jQuery Plugins and Tutorials With Demos | Design Newz

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos […]

  26. 60+ Great links for designers and developers | Identity Design

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos […]

  27. 60+ Awesome Community Picks for Designers and Developers | Programming Blog

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos […]

  28. Mes favoris du 24-11-09 au 25-11-09

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep  Aucun tag pour cet article. Cet article a été publié dans Delicious. Bookmarker le permalien. Laisser un commentaire ou faire un trackback : URL de trackback. « Mes favoris du 21-11-09 au 24-11-09 […]

  29. Twitted by Mister_Jyro

    […] This post was Twitted by Mister_Jyro […]

  30. Maicon Sobczak

    Great and useful collection! Go to my favorites.

  31. 40 Free Amazing jQuery Plugins and Tutorials With Demos | DesignBeep | Squico

    […] In: JQuery plugins 25 Nov 2009 Go to Source […]

  32. Gunjan Solanki

    Hi…

    I am Gunjan Solanki. I am Creative Web Designer. I like your Scripts and CSS.

    Please Inform me if you made any new script on my mail ID.

    Thanks,
    Gunjan Solanki (Web Designer)

  33. Rahul - Web Guru

    Really amazing jquery plugins. Thanks a ton

  34. 60+ Awesome Community Picks for Designers and Developers | Master Design

    […] 40 Free Amazing jQuery Plugins and Tutorials With Demos […]

  35. webdesign-tom

    wow..nice collection. thanks for sharing..very helpful. I’m going to use some of these scripts in upcoming projects.
    greetings, tom

  36. MVC or WebForms: It's more about - Ian Cooper - CodeBetter.Com - Stuff you need to Code Better!

    […] development providing solutions to common needs such as  grids . The availability of many free controls lowers the cost of common UI widgets that have often been the preserve of expensive […]

  37. sagar

    excellent plugins for website

  38. suhasashtekar

    Really amazing jquery plugins. Thanks a ton

  39. Peter

    If it is about presenting photos, check this: http://www.ajax-zoom.com – Amazing Zoom Image Gallery

  40. HufPuf

    A tool missing from your list is Likno Web Modal Windows Builder. Great tool for creating jquery modal windows.

    http://www.likno.com/jquery-modal-windows/index.php

  41. Sapkalicocuk

    Really amazing jquery plugins. Thanks a ton

  42. designp

    excellent plugins for website

  43. Aman

    hi

    Very helpful Plugins List.I have also jquery tutorial Plugins in jquery13.

    Thanks
    Amandeep mann

  44. Guest

    I use the feature mentioned in your post to display my products. It has worked great! It has also increased my conversion rate significantly.

  45. apie studio

    nice plugins and thanks for sharing.

  46. Eloktavian

    Awesome ….
    Thx 4 share and let me to know amazing jquery effect .. .

  47. 11 Great Icon Sets — Daily feeds for Tech,apps,news,social media,games,videos,designing,freebie etc.

    […] 40 Open Dazzling jQuery Plugins moreover Tutorials Among Demos […]

  48. marco

    Really amazing jquery plugins. Thanks a ton

DMCA.com Protection Status