Stuck with Login form designs? Worry no more since the designs below pack the best features with the best of designs.
Damn! I’ve been practicing creating fluid designs for ages and I didn’t even write any article on that. Well whatever, because Kayla Knight from smashingmagazine.com has written an excellent well-thought article on using fluid designs.
Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.
If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.
Btw, I recommend you to check out “the original” article that gave birth to this topic: http://www.alistapart.com/articles/fluidgrids
The Form Garden, as its name suggests, allows the visitor to try out a different number of styles on a fixed form.
This article for advanced CSS user is written by author Roger Johansson of 456bereastreet explains in detail about styling various form controls. It includes images of those controls in different browsers as well as different OS.
Author Nick Rigby explains the importance of making an accessible form in this A List Apart article (No.218). He discusses styling forms as well as marking up the form with <fieldset> and <legend> elements to make it more accessible.