HTML5 Canvas
Written by: Simon Sarris
Featured Refcardz: Top Refcardz:
  1. Apache Hadoop
  2. Web Driver
  3. MVVM
  4. REST
  5. ADO.NET
  1. HTML5
  2. Ajax
  3. jQuery Selectors
  4. CSS Part 1
  5. Git

Link Details

Link 105019 thumbnail
User 297472 avatar

By detachedDesigns
via nettuts.com
Published: Aug 19 2008 / 16:14

This tutorial will teach you how to build a beautiful login form with jQuery.
  • 19
  • 4
  • 4875
  • 7

Comments

Add your comment
User 240505 avatar

YeFFreY replied ago:

0 votes Vote down Vote up Reply

it's a lot of code for a so simple thing but, yeah, this is stylish :)
2 lines of code with Flex :)

User 211643 avatar

zynasis replied ago:

0 votes Vote down Vote up Reply

or even better, just show the login form
no animations, less clicks...

imagin the script didnt work in someones browser, suddenly they cannot login.

User 241219 avatar

jerryji replied ago:

1 votes Vote down Vote up Reply

Learn the technique, but firmly say no to _obstructive_, _improgressive_ Javascript, and never, never put style before substance for a critical functionality such as login

User 207620 avatar

tgautier replied ago:

0 votes Vote down Vote up Reply

@zynasis, @jerryyji,

agree with you, but it's trivial to put the link to the login form as a hard link to a page, and then replace it with JQuery on load to do the fancy stuff so it degrades nicely (no javascript, hard link to page, javascript, fancy stuff). This is a good tutorial, and a stylish looking login. And easily fixed so it degrades nicely. Besides, you can put anything in the panel, not just login info.

I don't think this article deserves a down vote. But hey, it's a democracy here :)

User 321721 avatar

cherouvim replied ago:

0 votes Vote down Vote up Reply

Does not work without javascript. It's so trivial to make this unobtrusive, yet the author decided not to. This causes problems.

Add your comment


Html tags not supported. Reply is editable for 5 minutes. Use [code lang="java|ruby|sql|css|xml"][/code] to post code snippets.