JavaScript
Article

5 jQuery User Interfaces

By Sam Deering

Designing user interface is such a hard task; you might already faced situations wherein you realize that your design skills are getting old. If this bothers you, jQuery User Interface is the answer. With the help of jQuery enhancements, designing each and every part of a webpage’s user interface is not a big deal anymore. There are lots of jQuery User Interface that are available for download from different websites; you’ll just need to choose what would fit your website.

I have here a few list of jQuery User Interface that might help you.


1. jQuery Imageless Button


This plugin is a nice mock up of Google’s imageless button.

Source: http://swizec.com/code/styledButton/


2. Animated Sharing Bar


Create your very own animated sharing button for social networking sites.

Source: http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/


3. Image Gallery with Easy Switching


This is a very nice image gallery with contents beside it for quick view.

Source: http://designm.ag/tutorials/jquery-display-switch/


4. Buttons with Sliding doors effects


Create buttons of any size using the same Sprite image.

Source: http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/


5. jQuery Fly-To-Basket Effect


This is useful for ecommerce type of websites, when a user clicks “add cart” the item then flies towards the “basket” of your ecommerce website.

Source: http://www.webresourcesdepot.com/fly-to-basket-effect-with-jquery/

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.