→
←

Extensible CSS Interface: CSS Selectors & jQuery

Written by Thomas

Topics: Webdesign

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 ..

Bookmark and Share

Facebook Twitter StumbleUpon del.icio.us Digg Reddit Technorati RSS

Posted on 21 June 2008

Tags:

Related Articles

    • Moousture – a mouse gesture library
      Moousture is a mouse gesture library with power and flexiblity to mould itself for you. Implemented on Mootools following the Object Oriented standards. Library is aimed to set out a future framew...
    • Professional Dark CSS Menu
      Graphic effects created in photoshop will bring magic if you master the tricks. When it comes to web designing, the powerful mixed and smart conversion between PSD and XHTML can give a professiona...
    • Styled Menus: Free Professional CSS Menus Gallery
      Styled Menus is a CSS menus gallery website where you can download great numbers of navigation menu bars for free. The CSS menus are designed by professional web designers and this site is been ma...
    • Accessible News Slider JS Plugin
      Accessible News Slider is a JavaScript plugin that makes possible for you to create grid of news items and "slideBy" them in a compact row with smart navigation sets. Brian Reindel has designed th...
    • Free CSS Drop-Down Menu Framework
      This Free CSS Drop-Down Menu Framework is modular, with themes. Not only that the HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Creatin...
    • IzzyMenu – A free Online CSS Menu Builder
      IzzyMenu is a perfect tool to customize CSS menus that will only take minutes to build sort of menus in professional look. Pick your favorite style in the Menu Catalogue, which is always updated w...
    • CSS Dock Menu
      [sitethumb://www.ndesign-studio.com/blog/mac/css-dock-menu] If you wana implement a "mac like" menu in your webpage: have a look at the CSS dock menu. It is using the Jquery Javascript library and the...

Leave a Comment Here's Your Chance to Be Heard!