The new version of JQuery UI brings about some exciting new additions:
Position Elements with Ease
You can now position any element relative to another element, the browser window or even mouse/cursor using simple syntax. For designers, this is especially useful in getting rid of complex CSS code to place elements relative to the browser window, such as horizontally and vertically centering a dialog window or correctly positioning a tooltip.
Beautiful Buttons and Form Elements
This is incredibly useful and a God send for many designers - you can now create beautiful buttons, stylish radios, checkboxes and select menus without breaking a sweat. The minimalistic code makes it simple to implement as well. The following code:
When paired with the usual button HTML elements, produces:It's one thing to see a picture and something else to actually interact with it - try it out on the button demo page.
Smaller File Size
Another great relief to designers is sure to be the smaller file size that JQuery UI core now utilizes - according to the team, it is 71% smaller! When I downloaded both the 1.8 and 1.7.2 cores (both minified), I found the difference to be closer to 60%, but that is still a huge improvement. While I've used JQuery UI on several projects, one of my biggest qualms with it was it's large file size. That is a much smaller concern now, especially with the significant speed advantages the library provides in terms of development.