Archive for the ‘plugin’ Category

Submit A Form Without Page Refresh using jQuery

Previously on NETTUTS, Philo showed how you can use jQuery to add form validation to wordpress comments that works without any page reload. Another great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh. In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let’s get started.

Submit A Form Without Page Refresh using jQuery

Fancy Sliding Form with jQuery

Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

jquery form

A jQuery inline form validation, because validation is a mess

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

A jQuery inline form validation

Improved Current Field Highlighting in Forms

As a matter of usability and aesthetics, it is a good thing to add some kind of visual feedback on web forms to indicate the currently active (or “focused“) field. Some browsers (Safari/Opera) have decided that is so important, that it take matters into it’s own hands and applies a glowy blue border around active form elements

Improved Current Field Highlighting in Forms

Adding Form Validation to WordPress Comments using jQuery

When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner than reloading pages and possibly losing some form content. In this tutorial I’ll show you how to use jQuery to do some instant checking on an example comment form.

Adding Form Validation to WordPress

Form Validation using jQuery

Ah… form validation. A subject that has been the source of debates ever since Web browsers were born. There are as many ways to implement form validation as there are opinions of the best way to do it. This article discusses client-side validation using jQuery’s validation plugin. That is, we will use JavaScript to validate the fields before submitting the form to the server. This is fast and efficient and provides quick replies to your visitor in the event of any errors. However, it is advisable to also validate the data on the server-side before adding it into the database.

Form Validation using jQuery

Build An Incredible Login Form With jQuery

One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.

Build An Incredible Login Form With jQuery

Changing Form Input Styles on Focus with jQuery

A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is selected. All with just a splash of jQuery.

Changing Form Input Styles on Focus with jQuery

Ajax Forms with jQuery

There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form.

Creating a Digg Style Sign Up Form is one of the most popular social networking sites, allowing you to discover and share the content all over the web. In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.

Creating a Digg Style Sign Up Form

Creating Slick Forms Using Ajax, jQuery & CSS: No More Ugly Forms

Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 Impressive techniques using some jQuery magic to style slick forms with a simple, rich user experience that gets them excited about your contact, register or whatever form you have.

Creating Slick Forms Using Ajax

Build a Simple Password Strength Checker

Providing instant feedback is the in-thing right now. Why limit yourself to checking usernames and email addresses? Why not extend this to provide quick visual feedback about the strength of the password the user has input? Today, we’ll take a look at how to create a simple password strength checker using the jQuery library, regular expressions and a simple algorithm.

password checker

A fancy search suggestion

Apple is known to create beautiful products (next to the needed functionality of course). I already wrote several articles on how you can transfer some amazing iPhone designs to your webbrowser, I own a MacBook Pro (which also looks pretty sleek) and many other products from Apple are well known for their amazing design.

A fancy search suggestion

How to Add Auto Complete to Your Google Custom Search Engine

This tutorial will show you how to use the “Popular Queries” feed from your Google Custom Search Engine (CSE) as a data source for a jQuery autocomplete.

How to Add Auto Complete to Your Google Custom Search Engine

Checking username availability with ajax using jQuery

The time when username availability is checked after the page is normaly processed is long way behind us. Google has it, Yahoo has it and many many more sites have it, ajax username availability checker. So in this tutorial we will make an ajax username availability checker powered with jQuery.

Checking username availability

25 jQuery Plugins for Working with Forms

Almost every website uses a form of some kind. Contact forms and other types of forms can be enhanced with the use of a number of jQuery plugins that are readily available. In this post we’ll feature 25 useful plugins that you may be able to use in your own work with forms.

jQuery Plugins for Working with Forms

Simple Slide

Jquery Image And Slider Plugins – simpleSlide is a very open-ended plugin that writes itself around the way you want to use your slideshow plugin. Whether you want a photo slideshow, a text-based slide presentation, a mix of both, an automated slideshow, a step-by-step form application (with the ability to jump back to unvalidated fields) and whatever else you can imagine using it for. It can even create a status slider element for with you with little more than an integer parameter and a couple lines of markup.

Simple Slide

Nivo Slider

The Most Awesome jQuery Image Slider.

Nivo Slider

AJAX-ZOOM jQuery Image Zoom & Pan Gallery, PHP

I know this is not simple but if you want powerful image gallery plugin then ajax-zoom is the answer.AJAX-ZOOM is a sophisticated image zoom & pan gallery plugin based on jQuery and PHP. With over 250 options it is very flexible and can be integrated into any website. AJAX-ZOOM uses image tiles to quickly generate a portion of an image. It also has the ability to watermark zoomed portions on the fly thus adding protection to the source image. The program supports Gdlib and ImageMagick and can be used as gallery script or stand alone image zoom interface.


Visual Lightbox

Visual Lightbox is a jQuery plugin for lightbox-style photo galleries and slideshows.

Visual Lightbox

jQuery stackem

jQuery stackem

Zoomer Gallery

In today’s post, I’m going to be giving away a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces a nice little shine and at only 2KB in size, it’s both compact and surprisingly easy to use.

its superman

Improved Micro Image Gallery: A jQuery Plugin

Here’s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically the auto play function, the possibility to add descriptions for each image, and the cycle mode. Note that the auto play function can only be set if the cycle option is also set. To add descriptions for the images, just place your text inside the alt attribute of the image tag, like shown further in the HTML Structure section.

Improved Micro Image Gallery

50 Best Firefox Extensions for Power Surfing

Which are the most popular firefox addons and extensions? Here is an attempt to collect the 50 popular and best firefox extensions which make your browsing, downloading and navigation in Firefox as easy as possible, while harnessing the full power and features of Firefox.

8 Awesome Firefox Plugins for Twitter

Months after the initial Twitter (Twitter) boom, it’s still strong and kicking. A day rarely goes by that we don’t notice some new Twitter tool in the wild. The ideal place for Twitter-related tools is the web browser, which is apparent from the quick-rising number of Firefox (Firefox) plugins. We’ve found eight; you let us know if there are more!

25+ Incredibly Useful Twitter Tools and Firefox Plugins

Twitter is an amazing service that we all love, everyday we notice a new twitter tool or service that makes using it more easy and fun. Today we wanted to highlight more than 25 of our favorite Twitter add-ons, tools and services that won’t resist. This list is not intended to be all-inclusive, let us know your favorite twitter tool and why you like it.

22 Firefox 3 Plugins Web Designers Can’t Live Without

Mozilla Firefox has always been considered a “user-friendly” browser, but with all the customizable extensions, it has become probably the most “developer-friendly” browser as well. We have collected the best FFX dev scripts available, and installing them takes just a few clicks. And don’t forget; make sure you have downloaded and installed Firefox 3.0 as well!

35 Absolutely Useful Firefox Plugins For Web Designers And Developers

Firefox is a very popular browser especially among web designers. There are more than 70% of WDB’s readers are using Firefox. There are few reasons which make Firefox so popular compare to others and obviously its plugins had contributed a lot for that.

10 New jQuery Plugins You Have to Know

I haven’t done a roundup for jQuery plugins for quite a while, but I have noticed that there are quite a few of new jQuery plugins out there and they really caught my attention because of its design and application. So, this is the 10 jQuery plugins that I have collected for last few weeks.

New jQuery Plugins You Have to Know

30 The Best jQuery plugins inspired from Twitter and Facebook

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery plugins are an integral part of modern web design.

The Best jQuery plugins inspired from Twitter and Facebook

20 Superb jQuery Plugins to Enhance Your Photo Gallery.

We can’t stop admiring this great new technology – jQuery and it really seems that web developers just don’t want to stop creating more and more new and awesome plugins that can do simply anything. Looks like you can’t find a more convenient way to enhance your website than by using jQuery tools. Graphic content means a lot in today’s web and we’ve decided to create a small collection of most notable jQuery plugins that will enrich and enhance your Photo Gallery. So, let’s start!

Superb jQuery Plugins to Enhance Your Photo Gallery

21 Best jQuery Tooltip Plugins, Demos, Examples & Tutorials

Today we are posting some attractive, Handy and useful jquery Tooltip plugins for your new projects. If the tooltip is being used appropriately, it can improve our site’s user friendly level, and also save us a lot of spaces.

Best jQuery Tooltip Plugins, Demos, Examples

5 Fresh jQuery Plugins Make You Love Your HTML Forms More

Working with HTML forms is really a nightmare because your forms always mess up. This post includes 5 newest and useful jQuery plugins that help you work with HTML forms better and love them more. Enjoy the post in the series of jQuey plugins that is always fresh and useful.

Fresh jQuery Plugins Make You Love Your HTML Forms More

25 Incredible jQuery Slider Tutorials and Plugins

Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection.

9 Useful jQuery Calendar And Date Picker Plugins For Web Designers

Event calendars and date pickers are really useful plugins for web applications. WordPress does have a date picker, which allow bloggers to schedule the article.

10 New jQuery Plugins To Spice Up Your Website

jQuery is an amazing JavaScript library that makes it easy to create wonderful web effects in just a few lines of code. It was released in January 2006 at BarCamp NYC by John Resig. jQuery is designed to change the way that you write JavaScript. Here are some stunning new jQuery plugins that will make your website fancy and cool.

30 Powerful WordPress Plugins For Blog Administrators

To handle a blog these days can be quite difficult if you are not well-organized and you don’t spend enough time managing it. That’s why there are plugins for WordPress. They literally make your job lot easier and if you work well with them you can put them to work for you.

48 WordPress Plugins to Branding Perfect Blog

Also you dont know PHP, CSS or JavaScript, even unknow the the basic ignorant of HTML, but you are lucky because have WordPress who have millions of plug-ins, so that you can easily create a perfect blog. Of course, which everybody mention on their blogs and repeat many times without big sense, because choice the better one is always a difficult task.

10 WordPress Plugins To Manage Your Ads Banners

Mostly questions asked! How Monetize your blog? How to put various networking codes in right place into your blog? There are numbers of networks that available for maximize the revenue. But, it is more effective when you placed into right place and adjust or wrap in your posts/ pages. You can easily ad BuySellAds, Adsense, Chtika, Adify, CrispAds, OpenX etc

6 Best WordPress Plugins For SEO in 2010

So which are the Best WordPress Plugins for SEO in 2010? Within the past year, a lot of changes have been implemented that have affected how search engine optimization works. The growth of social media sites, Google’s “Caffeine,” “Real Time Search,” and “Personalized Search,” are a few of the primary catalysts.

9 Useful WordPress Poll And Rating Plugins

If you are a WordPress user, then you are lucky. There are a lot of useful WordPress poll and rating plugins where you can download and use freely. Here, we share 9 useful WordPress poll and rating plugins with our readers.

Zoomimage – jQuery plugin

Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.

jQuery Simple ZoomGlass plugin

This is a simple jQuery plug-in for zooming images. Most of the functionalities come from jquery lens plugin and jquery clippedImage. Complex application always come from simple example.


JQZoom allows you to realize a small magnifier window close to the image or images on your web page easily.

jQuery plugin : Fancy Zoom

This plugin is the jQuery version on the fancy zoom effect. As describe on the fancy zoom web site, this effect is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself (see the demo below).

Jquery Color Pickers – If you are looking for jquery color pickers,these might help you out.

Color Picker – jQuery plugin

A simple component to select color in the same way you select color in Adobe Photoshop

jQuery Color Picker

Farbtastic: jQuery color picker plug-in

Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.

Intelliance:Jquery Color Picker


Syronex:JQuery Color Picker

If you are looking for good calendar script based on Jquery or MooTool to be installed on your web site,you might tempted to use one of these great calendar scripts !! Here is collection of best jquery and mootool scripts.

MooTools DatePicker

Smoothly animating and very configurable. No Ajax – pure Javascript.

Will work for any date-format and even supports time-picking.

4 skins ready for download, and it’s easy to skin it yourself.

9 Useful jQuery Calendar And Date Picker Plugins For Web Designers

I am a big fan of jQuery, so i always use jQuery Calendar plugins to accomplish my tasks when the clients asked me to implement an event caldendar for them. In this article, i would like to share 9 really useful jQuery Event Calendar and Date Picker plugins that every web designers and developers should know.

10 Beautiful jQuery and MooTool Calendar Plugins

There are a lot of calendar plugins out there, in this article, we will go through all the powerful and beautiful jquery and mootool calendar plugins for your upcoming projects.

8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Should Know

jQuery is one of the most popular Javascript library. It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out which ease the the creation of dynamic effects and web controls. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like WordPress, joomla and Drupal.

Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs. The script has gained widespread popularity due to its simple yet elegant style and easy implementation. While it was initially developed from scratch, Lightbox has since been modified to use a number of JavaScript libraries (such as the Prototype Javascript Framework and for its animations and positioning), in order to reduce the size of the code.The release of Lightbox encouraged other developers to work on similar projects, resulting in products such as the later Thickbox and lighter Slimbox.And here 15 best jquery lightbox plugins.


Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.



A light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4


jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.The better way to know what is jQuery lightBox plugin, click the Example tab above and see it in action.

jQuery lightBox plugin


FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.







prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.


Interface Imagebox

Interface Imagebox

Slimbox 2, the ultimate lightweight Lightbox clone for jQuery

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.


jQuery Lightbox Plugin (balupton edition)

Lightboxes are a way to display an image on the same page simply and elegantly.


CeeBox – a Thickbox/Videobox mashup

Thickbox Videobox mashup


Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It’s easy to use and easy to design.

Lightbox JS by Lokesh Dhakar

Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

Slightly ThickerBox

Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)


gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It’s still in an early stage of development and may change a lot in future versions. The project has a Google Code page where the SVN repository of the project is hosted and a twitter page where you can follow the daily progress of the development.

Tutorial 1 – Sprites and Animations


Read documentation

  • Debby Winter: Thanks for this interesting article on SEO, I find it very important to provide a clear plan of action and to work with honest SEO consultants. When i
  • Daniel_82: Hello. Can you re-upload the file, or if you can send it to me at an email adress? Thank you.
  • Hotel empresarial: Hello, i want to add my website