background preloader

50+ Amazing Jquery Examples- Part1

50+ Amazing Jquery Examples- Part1
Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately. Below I have provided a list of the 50 favorite plugins many developers use. Menu 1) LavaLamp 2) jQuery Collapse -A plugin for jQuery to collapse content of div container. 3) A Navigation Menu- Unordered List with anchors and nested lists, also demonstrates how to add a second level list. 4) SuckerFish Style Tabs 5) jQuery UI Tabs / Tabs 3 – Simple jQuery based tab-navigation 6) TabContainer Theme – JQuery style fade animation that runs as the user navigates between selected tabs. Accordion 7 ) jQuery Accordion Demo 8) Simple JQuery Accordion menu SlideShows 9) jQZoom- allows you to realize a small magnifier window close to the image or images on your web page easily. 10) Image/Photo Gallery Viewer- allows you to take a grouping of images and turn it into an flash-like image/photo gallery. Transition Effects 12) Easing Plugin- A jQuery plugin from GSGD to give advanced easing options.

Related:  Structures esthétiques (HTML, CSS, Jquery...)

JQuery 36 New jQuery Plugins for April 2014 inShare2 We have collected for you the 36 new, free and handy jQuery plugins that will help to speed up the design of your projects and make it more user friendly. jQuery plugins are constantly being released, and it’s no surprise since they are insanely popular, and for good reason. The only problem is looking through the whole amount and finding the best ones. That’s why we constantly keep on searching, and this time we found some good ones for you.

Impress Your Friends With These 20 jQuery Tutorials I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are:

Parent/child relation selectors - The complete jQuery tutorial jQuery also allows you to select elements based on their parent element. There are two variations: One which will only match elements which are a direct child to the parent element, and one which will match all the way down through the hierarchy, e.g. a child of a child of a child of a parent element. The syntax for finding children which are direct descendants of an element looks like this:

14 jQuery Plugins for Working with Images JavaScript frameworks have become very popular in the recent years by making the creation of dynamic effects much easier. Lightweight, used in the WordPress and Drupal core, jQuery is now one of the most used JavaScript libraries around. The following list of jQuery plugins will help you to improve the usability of your website or web applications by enhancing the display of your images. 1. s3 Slider s3 Slider Demonstration page. A simple way to add smooth image slideshows and showcases on your website.

40 Creative Photoshop Text Effect Tutorials Fonts and typography are the things that can make your site look special and unusual. Fonts play a great role in attracting visitors to your web site and it is very important the way you present the text messages on your pages, especially if you need to highlight some information. And here, using your imagination and Photoshop skills you can achieve really awesome effects. Therefore, we would like to share with you the collection of 40 Creative Photoshop Text Effect Tutorials that might help you in improving your web site. Create a Realistic Emboss/Deboss Effect in Photoshop 17 jQuery Plugins for Easy and Efficient Reordering and Filtering Page Elements By using jQuery filter and jQuery sort plugins you will be able to have a great control over the order, placement and organization of your page / or table elements. Further some of these plugins include drag-able controls making it possible to offer a more dynamic and user friendly design. Sorting and filtering is very useful if you have large datasets such as table views, however you can also use them for managing list views e.g. for a portfolio page. The Quicksand plugin found below is an example of this. This post has just been updated, all links checked. It provides an overview of jquery plugins you can use to provide simple yet powerful functionality to reorder, filter, add drag and drop capabilities etc.

35 jQuery Animation Tutorials Creative designers can do some amazing things with jQuery. A wide variety of animation effects are possible, and these 35 tutorials provide excellent learning resources for anyone who is wanting to brush up their skills in this area. You’ll find tutorials for creative animated navigation menus, as well as for other types of animation that use jQuery instead of Flash. Looking for hosting? WPEngine offers secure managed WordPress hosting. 15 Great jQuery Images Gallery Plugins To Showcase Your Work If you are showcasing your portfolio and work, image gallery plays a very important part for your website. Not only, you required a fast loading process, good user navigation experience, easy maintainable and search engine friendly site, by adding a non-flash based gallery could add some cutting edges to your self web presence. There are many cool and nice flash based galleries around the web but that's not what we really needs. So I recommend 15 jQuery Image Galleries Plugins that convert your images into a nice looking non-flash gallery below.

Related:  Web Publications Best PicksjqueryjQueryjavascript_jquery