After searching through a tonne of jQuery plugins (mainly image sliders and things that were kind of impressive, kind of not), I found something I actually really liked: a Twitter type login system styled with a combination of CSS and jQuery.
This particular login system is elegantly hidden away until the user hovers over the sign up button, meaning the page stays un-cluttered and generally pleasing to use and look at. The tutorial I got the method from can be found at aext.net.
The page is essentially set up with one CSS form controlling the layout and main contents, and another that defines the way the 'Twitter' style login works. When the element is activated, the CSS for the login styles the new DIV that is animated out and displayed using jQuery and can then be interacted with from there.
When the element pops out, it looks like this:
The tutorial is great, and the CSS easy to modify to get the color scheme of the box that pops out and all the elements are appropriately named to create an easy to follow and very useful tutorial.
Overall it is a great use of jQuery with CSS to create a compact, elegant and useful login form and can really add a professional feel to the login system while giving more real-estate for other elements on the index page.
No comments:
Post a Comment