Website Design using JQuery UI

Posted on Monday 14th Jun 2010 by Michael Angrave No Comments

JQuery User Interface LogoNow unless you’ve been living under a rock for the past couple of years, you’ll have come across the absolutely wonderful JQuery Library. We’ve already seen some excellent uses for your website design in recent months, but this is something a little different.

Enhancing user experience

With website database functionality and data management arguably reaching an apparent plateau, it seems now larger emphasis is now placed on user experience (UX). The ability for a user to go onto a website and navigate, view content and complete online forms has been around for many years now, but its now under an eagerly awaited evolution.

Website Design Old Date

Old style date inputting

View some of the widgets available here

Visit the Official JQuery UI Website

The JQuery User interface is built using the JQuery platform and offers a range of commonly used JQuery widgets which are created to from a custom theme of your choice and offer robust and cross browser compatible snippets of code which can be easily integrated into your website design

Website Design - New Date Style

A Sample of the JQuery UI for date intputting

The interface is broken into the following categories…

  • Interactions
  • Widgets
  • Effects
  • Utilities

Design Consistency with Themes

You can match the look and feel of your website or application by creating a custom theme, or by indeed customised the CSS on downloaded files.

Cross Browser Compatibility

Very importantly The JQuery user interface has confirmed compatibility with the following browsers…

  • IE 6.0+
  • FF 2+
  • Safari 3.1+
  • Opera 9.0+
  • Google Chrome.

To start using the interface please visit the official JQuery UI website.

View some of the available widgets in the JQuery User Interface

Michael Angrave

Nothing is known about Michael Angrave at this time.
This entry was posted in Tips For Web Designers and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>