New login interface...

Joined: 09/05/2008

...is fabulous! Nice job mf.
So... how'd you do that? I *really* want to steal that approach for a site I'm working on. :)

ETA: Hmm, I guess it's probably just there on the page already but hidden with CSS, and then you use jQuery to animate it being shown? Obviously the same setup that you'd used for the search and I know you talked about that on the show—just can't recall the specifics.

Further edit: Ohhhh... nice approach if when logged out you click the login button (without logging in) then the search button, or vice versa. Wondered how you'd handle that—what you've done is sweet! +1 for that nice combination of usability and design.

G&G Moderator
Darrin's picture
Joined: 01/29/2007
Prefer this method a lot

Prefer this method a lot more. 1 password works with it. Havent tried it yet but Im assuming it works better for mobile browser logins also

G&G Podcast Host
Matt Farina's picture
Joined: 06/01/2006
Please break it

Thanks. Glad you like it.

I would love for someone to break it and let me know. If there are flaws it would be great to catch them up front.

@dbabbage when a user is anonymous I add the login form to the screen just before the search box and hide it with css. The login and search links go to the corresponding pages when there is no javascript.

Then, I have my JS file override the links for login and search. I created a simple state machine to control the links. I based control on what state the the box is currently in and what action is taken to make changes.

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com