jquery UI Design

13 Jun

Hi Friends I believe everyone is very familiar with jQury UIJQuery’s user interface add on. It is a great library and themes are quite fancy,Modern web application user interface design requires rapid development and proven results.

jQuery UI, a trusted plugin for the jQuery JavaScript library gives you a trusted platform on which to build rich and engaging interfaces with maximum compatibility, stability, and a minimum of time and effort.so here you can read some websites provaiding jquerry plugins downloads etc..here we go..cheers..!

1.jqueryui.com

Jquery UI Design

Jquery UI Design

jQuery UI is jQuery’s user interface library that comes with many widgets, interaction modules and themes.

2) JQuery TabContainer Theme with Tab Transition Animations

Sliding Tabs

Sliding Tabs

JQuery style fade animation that runs as the user navigates between selected tabs.

3) JQZOOM

zoom image

zoom image

JQZoom allows you to realize a small magnifier window close to the image or images on your web page easily.

4)Coda-Slider

coda slider

coda slider

5)Fancy Thumbnail Hover Effect w/ jQuery

Fancy Thumbnail Hover Effect

Fancy Thumbnail Hover Effect

6)Simple Page Peel Effect with jQuery & CSS

Simple Page Peel Effect with jQuery & CSS

Simple Page Peel Effect with jQuery & CSS

7)Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

8)Simple Toggle with CSS & jQuery

Simple Toggle with CSS & jQuery

Simple Toggle with CSS & jQuery

9) pirobox – jQuery lightbox

pirobox - jQuery lightbox

pirobox - jQuery lightbox

Make completely on the jQuery library. Automatically resizes images based on browser window size. Previous/Next links can be outside the lightbox. Stylish loading graphic Easily customizable.

10)jQuery Tabbed Side Menu

jQuery Tabbed Interface / Tabbed Structure Menu

jQuery Tabbed Interface / Tabbed Structure Menu

Nowadays, a lot of websites are using tab based content as a way to save spaces in a webpage. lot of wordpress websites using a tabbed interface for its category, posts, comments and random posts content. It’s a good “space-saver” and if used it correctly, it can boost your website usability as well. Right, first of all, we need to have the ideas and the design structure for this tabbed interface.

11)Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness

Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

12)Sliding Login Panel with jQuery 1.3.2

Nice & Clean Sliding Login Panel built with jQuery

Nice & Clean Sliding Login Panel built with jQuery

Extremely useful sliding login panel that can be easily integrated in your web pages. Based on the jQuery JS Framework.

13)CSS Dock Menu

CSS dock menu

CSS dock menu

If you are a big Mac fan, you will love this CSS dock It is using Jquery Javascript library and Fisheye component from Interface and some of  icons. It comes with two dock styles – top and bottom. This CSS dock menu is perfert to add on to  iTheme. Here you can find how to implement it to your web page.

14)jquery combobox

control combo box skin

control combo box skin

you can change the visual appearance and animation of combobox.

15)Drop Down Menu / jQuery & CSS

Drop Down Menu w/ jQuery & CSS

Drop Down Menu w/ jQuery & CSS

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential.

Vote Now !!!! which JavaScript library do you use?

Advertisements

5 Responses to “jquery UI Design”

  1. paul June 26, 2009 at 7:32 am #

    Nice collection! Some are really up-to-date!

  2. jo June 26, 2009 at 7:38 am #

    Thanks all of your great comments!!!!!

  3. jerom June 26, 2009 at 10:34 am #

    Definitely liking some of these!!

  4. Abdhul majeed June 30, 2009 at 4:30 am #

    Thanks so much!! Ive been looking for around for such lists quite a lot in the past days. Great to find this guide!!

  5. Brandon December 14, 2009 at 9:21 pm #

    Great blog its very helpful and easy to understand. For more ideas or just to add links check out http://www.mofikiworldwide.com/blog.php There are blogs there about website design, development, Search engine optimization, and hosting. Most of these blogs are tutorials that you can repost just be sure to reference the page you get them from if adding them to your blog. Again thank you for this blog.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: