Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making your dropdowns look good.

DropKick also degrades gracefully: if the user has javascript disabled everything will continue as normal using your regular <select> elements. And it works on on IE7 and 8 too.

custom-dropdowns

Requirements: jQuery Framework
Demo: http://jamielottering.github.com/DropKick/
License: License Free

via webappers.com

If you are a web developer and do write HTML and CSS code one of the challenges is having a form which is slick, well designed and easy to use. These days with most of the popular browsers supporting HTML5 and CSS3the choices are endless at honestly for someone like me overwhelming (for example I have been looking for an icon for a customers website and I have wasted 3 hours downloading and looking at freebies on offer).

Coming back to the main subject, as I said, interface for forms is the element which decides whether the website will make it or not as forms are sometimes the only interactive interface on the website therefore the website visitor needs to be ‘feel good’ when using forms. I found this resource on Webappers which is one of my favorite websites for learning about the new trends in web design. The posts tagged as forms are a set of tutorials which are tutorials on how to build slick web form interface. There are a number of tutorials and I would suggest going through all of them if you are webdesigner or use HTML and CSS.

  1. palimadra posted this