Recently I had to build a client login for one of my clients Jay-Be. They only required something straight forward so I didn’t want to complicate matters by using a database, security also wasn’t a primary concern as the client login only provides access to marketing assets so nothing super secret. Although the requirements were fairly modest I wanted something that looked smart and I didn’t want to send users off to a separate login page so I knew I would need some kind of jQuery Modal Window.

I’m no PHP guru my any means, trust me, so I decided to have a look online to see if I could find something that I could use. Over the last few days I’ve read numerous tutorials and download a few pre-baked solutions but none of them seemed to work as I wanted.

So in the end I decided to create something myself, I’m not going to take full credit for this by anymeans, that’s not the point, I just wanted to offer it up for download to anyone you may find it useful.

I have styled the login to look like this and best of all it doesn’t require a single image (and rightfully so).


If you need to ask any questions with regards to implementing this in your own website please just leave a comment and I’ll get back to you as soon as I can. Or you could ask me via Twitter @QwertyDesignUK.

Just one final note, this login makes use of Lean Modal, a great jQuery modal window that uses very minimal CSS and only weighs in at 1kb. Ray Stone the author of the plugin has kindly agreed to let me offer it in my download. For information on Lean Modal check out Ray’s website at Finely Sliced.

See it in action

Download it here