background preloader

Jquery

Facebook Twitter

14 jQuery Modal Dialog Boxes. A great way to show quick information to your user is to use jQuery modal dialog boxes or windows. Dialog boxes can also use to alert them to warnings, errors and more. What if jQuery gets into the action? Well, expect coolness and boldness that can spice up your website! Here are some jQuery Modal Dialog Boxes for you, enjoy! Related posts: Update 12 Dec 2013: Updated all plugins in this post and added new images of demos. 1. bPopup.js It is a lightweight jQuery modal popup plugin (only 1.49KB gzipped). Source + Demo 2. It is a jQuery plugin to show clean, elegant messages in a simple way. Source + Demo 3. A web-based media viewer application that supports all of the web’s most popular media publishing formats. Source + Demo 4. jQuery Impromptu An extension to help provide a more pleasant way to spontaneously prompt a user for input.

SourceDemo 5. jqModal A plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. SourceDemo 6. SourceDemo 7. SourceDemo SourceDemo. 37 Phenomenal jQuery Plugins and Demos for Developers. In this post we have collected 37 jQuery plugins for use in your next web project. Slide-In Contact Form Description : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original position. Virtual jQuery Keyboard Description : This tutorial will explain how to implement a simple virtual keyboard with some with jQuery. From any given login form you click the Keyboard link and a jQuery powered virtual keyboard will appear.

Digg style sign up form Description : Simulate a Digg style signup form, with its unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. Load Content While Scrolling With jQuery Description : If you have lots of content to present but can not load all of it at once as it may take too long, this plugin is the answer. 45+ New jQuery Techniques For Good User Experience. 25 Free jQuery Photo Gallery / Albums with Tutorials. 30 Free Photo Gallery / Albums with Tutorials Details Category: Webdev Hits: 20172 jQuery image galleries and albums are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site. You must have seen many of these jQuery image galleries and sliders on different portfolio websites. Since they are already so popular I believe you don’t need me to tell you more about it.

A Cool Instagram “Gravity” Gallery This will be a script that runs a search on Instagram, fetches and displays the photos in a grid, and then uses the Box2D library to simulate physical interactions between them. {ads1} Fresh Sliding Thumbnails Gallery with jQuery and PHP In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. JqFancyTransitions. 37 More Shocking jQuery Plugins. Apr 09 2008 It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then.

This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : So let’s get started and don’t forget to subscribe to our RSS-Feed to keep track on our next post. jQuery Sliders 1) Slider Gallery- A similar effect used to showcase the products on the Apple web site. Live Demo: Here 2) Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo: Here jQuery Manipulating Images 3) crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Live Demo Of Crop: HereLive Demo of LabelOver: Here Live Demo Of Crop: Here Live Demo: Here jQuery Navigation Menus jQuery Accordions jQuery Image Viewer.