This script uses OAuth in a jquery plugin to authenticate users on your website using their Dropbox account credentials.Pulls the user details from its Dropbox account and displays the same on your webpage.
Best jQuery Login Plugins & Tutorials with Demo
Pure CSS3 Forms Set + Validation and Masking with jQuery
Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fill.
Features:
- Client-side form validation with lots of options.
- Inputs masking for creation user friendly forms.
- 3 different form types (vertical, horizontal, columned).
- Normal, error, success and disabled states for all elements.
- Normal, small and large sizes of all elements.
- Customized selects, checkboxes and radios.
- Responsive and fixed layouts.
- Tooltips for all elements.
- More then 30 examples.
- 19 colors for buttons.
- 249 scalable icons.
Metro Login with jQuery & CSS3
This is a Login form that use CSS3 and jQuery Tricks to look like windows 8 login screen.The PHP side, you have an easy way to get the username, password, remember me checkbox, selected background color and selected background image. So you can store those values to restore them later.
Also works on tablets and mobile devises.Inside of this package, there is a document that explain the code. I also give you a couple of functions that can change the buttons and backgrounds easyly
jQuery CForms Form Generator
Forms is a JQuery plugin to display and manage html forms, validation and ajax communication. A spam secured php script is included to send all collected data to an email account.
Features:
- Easiest installation and integration
- Six ready to use example forms
- All HTML elements have uniqe ids and classes for easy css styling
- AJAX form validation
- Send mail copy function
- Secure php script
- Complete login form with php scripts and secure (session based) web page example
Mac OS X Lion with CSS3 & jQuery
I wanted to create with only use of CSS3 the boot, the login page and finally the desktop of the Mac OS X Lion.Booting page is simply the Mac OS X Lion boot. This section is simply composed by a CSS3 keyframes animation.Login section mainly consists of a clock, two images (logos and avatars user name), two backgrounds and a password input field. I used javascript only for the clock, create a fake login and when the password is valid I added some class to fix the desktop section and remove permanently the section login animation.And at last their is a desktop here I use javascript only for the clock and the jQuery UI Draggable library to have a draggable windows.
PullOuts : jQuery Slide-out Widgets
PullOuts is a stand-alone script based on a popular WordPress plugin – “PullOut Widgets”, and can be used on any website that supports HTML and JavaScript.PullOuts allows to grab any piece of content from a web page and display it as a pullout widget. Whether it’s a block of text, images, shopping cart, login, search or subscription form, a video or any other content – you can make it a pullout.
Features :
- Flexible pullout widget positioning on top, right, bottom or left side.
- Multiple pullout triggers:
- on mouse click;
- on mouse hover;
- timer countdown;
- page count;
- when specified element appears on the screen.
- Unlimited widget colors.
- 289 slick icons for pullout tabs.
- 32 sliding animation effects.
- Multiple styles for pullout tabs: square, rounded corners, borders, combination of the above.
- CSS3 vertical and horizontal tabs.
- Pullout speed control.
Gravatar Login Box Design with jQuery, CSS and PHP
I had designed a simple interesting login box with contains Gravatar image, just importing user avatar from Gravatar.com based on email ID. This post is very basic level CSS implementation and few lines of Jquery and PHP code. I hope this login box design gives special flavor to to your web project. Before trying this live demo upload your avatar at Gravatar.
Apple-like Login Form with CSS 3D Transforms and jQuery
In this tutorial we will see how we can use these transforms to create an interesting flipping effect on an Apple-inspired form.
We will have two forms – login and password recovery, with only one visible at a time. Clicking a link (the ribbons in the example), will trigger a CSS3 rotation on the Y axis, which will reveal the other form with a flipping effect.
Simple and effective jQuery dropdown login box
In this article, you will see how to create a good looking dropdown login form using CSS3 and a bit of jQuery.The main purpose is to avoid waiting to load a separate page in order to log in. This way you can increase user experience, as the user has the possibility to log in immediately.
