jQuery 2.0 Development Cookbook

Creating an animated login form

The login form is the main entry point to many of the websites and web applications—first impressions are everything. Using jQuery animations, we can create a login form that is animated when it is opened, closed, and there's an error, creating a quality user experience that is reinforced through the animations.

This recipe requires a web server that supports PHP. This sever can be hosted in the cloud or a simple local development server. Before starting with this recipe, ensure that you have this set up.

Getting ready

Create recipe-1.html, recipe-1.js, and recipe.css in the same directory as the latest version of the jQuery library. As we are creating a login form, we are also going to need a PHP script on which to ...