In this tutorial, we'll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. In this case, we will be creating a hypothetical login for the new tutsplus area that's coming soon.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

This plugin takes care of your input fields. Often used by opt-in input fields where the default value of the field is something like Your e-mail address. If you click the field the text disappears so that you can type your e-mail address.

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.

When creating a web form you have to make a functional and visually aligned layout. The simplest way to do this is to place elements in a table or by fixing width of labels. Tables stretch its cells according to width of largest element in a column. That way you can have aligned form. Fixing label width will also also allow you to have a hard-coded but aligned form.

Twitter's running a new homepage with clean and easy design. Look at the top right of Twitter's homepage, you'll see the sign in button which will drop down the login form. Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It's really easy, it'll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. This entry will explain how it works step by step and it's good for learning jQuery how to do the toggle and tooltips. Enjoy it!

In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQTransform plugin, which will style all the input fields and buttons of the form. In addition we are using the PHPMailer class to send out the contact form emails.

The plugin is inspired from the GMail checkboxes functionality and works exactly the same. Just keep the 'Shift' key pressed and select a starting checkbox and the last checkbox that you want to select. Just try the demo if things are not yet clear

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted.

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.

A progressive enhancement is applied to the select multiple that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options. While hidden, the original select multiple is updated as the user makes changes.

jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing verify humanity tasks. In order to do that you are asked to drag and drop specified item into a circle.

Loading ...

Recent Comments

Artificial Intelligence Course in Bangalore said:

I found Habit to be a transparent site, a social hub that is a conglomerate of buyers and sellers willing to offer digital ...

data science training said:

Thank you so much for shearing this type of post. This is very much helpful for me. Keep up for this type of good post. please ...

pmp training in Hyderabad said:

I am a new user of this site, so here I saw several articles and posts published on this site, I am more interested in some of ...

Anusha D said:

I got an idea after reading your blog. Thanks a lot for sharing this content with us. <a href="https://www.acte.in/python-training-in-bangalore">python ...

Web Educare said:

This is a very good content and thank you for sharing such an wonderful information. Please follow my <a href="https://www.webeducare.com/">website</a> ...

veeera said:

Great post and informative blog.it was awesome to read, thanks for sharing this great content to my vision. <a href="https://www.acte.in/cyber-security-training-courses-in-chennai"> ...

pushba said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Data Science Training in Hyderabad said:

Fantastic article, information shared was very valuable found helpful and enjoyed reading this one. Thanks for sharing. https://360digitmg.com/data-science-course-training-in-hyderabad ...

Cyber Security Training said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Cyber Security Course said:

Great Post and including an understanding of the regulatory process. https://360digitmg.com/india/cyber-security-course-training-in-bangalore ...