HTML Forms are always fun — stuff like below make a great attempt at making them more fun, and more usable.
Posts Tagged ‘Forms’
Love this write-up from over at Smashing Magaizine’s subdomain, uxdesign. It circles around on usability and where and when to use different validation techniques with your web sites’ forms.
I’ve been doing a lot of front-end coding the past week, hence all the posts. I’m actually finding new content that’s applicable to the projects at hand. This one came up when setting up a pretty standard form with a phone number separated out into area code, prefix and the last four digits. How do you deal with labels in this situation, and the label’s “for” attribute:
Forms always are hard web elements to balance — usability, design and the like are all a little tougher when it comes to forms.
This is a nice solution to make textareas expand as needed.
Smashing Magazine does another great in-depth writeup. This one is on the evolution of the log-in on sites. They’ve put a lot more thought and analysis into it than most designers, developers and web site owners tend to do.
I love bits/snippets that allow you to add polish to your web interfaces—exactly like “Chosen.” Forms can quickly get unwieldy, and this jQuery (or prototype) plugin can add some nice control over those long select boxes. The project description explains it even better:
I love the touches it adds: a search box and more of a keyword-type selection. Very nice work.
Ah, HTML forms. They continue to be the bane of of styling and interaction in the whole HTML box of tools. Sure, with some help, they’re very powerful and reflect the basics of what started to make the world wide web more than just a bunch of hyperlinked docs, but even here in 2011, to make really great form, interactions they still need help. Check out this list of 10 jQuery plugins for enhancing HTML forms and user interfaces. I’m particularly impressed with the jQuery/HTML5 WYSIWYG interface halfway down the list.
Are all of these lists of examples of great stuff on the web getting old? I just love the collections some of these sites are able to put together — if for nothing else than a repository for inspiration when a relevant project comes across my desk. Hope you all can get similar utility out of these lists.
This one is about making those contact forms stand out a little more. Forms of any sort always seem to add a couple challenges to a web site — often they’re the last thing that both designer and developer think about and act upon, which in itself is an issue, but it’s a reality— at least for me and my colleagues (past and present). The other issue, which may be related to the first issue is the fact that forms tend to not conform to CSS control as well and as broadly across browsers as other HTML elements. These issues aside, check out this list of 50 contact forms that really stand out, in one way or another.