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.

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

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:

51+ Best of jQuery Tutorials and Examples Apr 24 2008 There’s stuff all over the Web about jQuery, but finding the best tutorials to get you started can be tough. Here are Examples and tutorials from jQuery masters to keep you on the right track. We will start with jQuery masters and feature some of their best tutorials, then we will move on to more categorized tutorials, cheat sheets and hacks. jQuery Sample - Free Source Code, Examples, Tutorials, and Demos for jQuery, AJAX, and jQuery UI Basic AJAX Techniques In this post, I'll be explaining the basics of making AJAX requests using jQuery, JavaScript and HTML. A quick summary of what AJAX is: the web browser sends an HTTP request to the server for a specified file or web service; the server then, generally, sends back some data or a file. Now, lets review the simpler AJAX commands jQuery provides. The simplest version of .load(url) - this method is distinct from the other AJAX methods in that it is called on a DOM element, rather than being a global function. The response from the server is then injected into the provided DOM element.

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.

Five Useful Interactive CSS/jQuery Techniques Deconstructed Advertisement With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. In this article, we’ll walk through five interactive techniques that you can start using right now. 50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding Every aspiring Web developer should know about the power of JavaScript and how it can be used to enhance the ways in which people see and interact with Web pages. Fortunately, to help us be more productive, we can use the power of JavaScript libraries, and in this article we will take a good look at jQuery in action. What Is jQuery? Link 40 Useful jQuery Techniques and Plugins - Smashing Coding Over the last year, Smashing Magazine has evolved. We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us.

jQuery and JavaScript Coding: Examples and Best Practices Advertisement When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices. 1. Why jQuery?

Related: