Synopsis

This demo page basically just demonstrates how the login experience can be enhanced, using JavaScript (jQuery) to create a simple drop down form that appears when the user clicks the menu item in the top right corner of the page.

However, since we want the site to be usable for all users, using JavaScript to append and display this form would make it impossible for users with JavaScript to log in. As such, we give the menu item a simple href, which points to a separate login page. If JavaScript is enabled, this href is stripped out and the drop down form is initialized. Otherwise, the user is simply taken to the sign in page, which is a perfectly acceptable and usable fallback position.