21
Jun
Extensible CSS Interface: CSS Selectors & jQuery
This interface is optimized for any browser that recognizes a reasonable number of the common CSS2 and CSS3 selectors supported among most browsers today.

Get yourself hooked up into this amazing interface, since you will have nice widget look simply using CSS markups.
All components needed to create this CSS Interface are:
The attribute selector
This would eliminate the need to add a class or ID to an element by referencing any attribute used in the element as a hook: type=, title=, src=, etc. In the interface you will see its implementation for the search field and button and input element (image).
jQuery
Slide up effect made for the interface, added either inline or in a separate .js file (or dynamically), the latter being the more optimal method.
Resolution dependence
This is done to allow additional space for all text as the width contracts, while increasing the field size for those with larger resolutions.
So if you think you will like this visit the website of Cameron Moll with more information how to use this ..



































