O'Reilly logo

Professional jQuery by Rob Larsen, Cesar Otero

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 8

jQuery UI Part I—Making Things Look Slick

WHAT’S IN THIS CHAPTER?

  • Theming and Styling with jQuery
  • Using ThemeRoller
  • Using jQuery UI Widgets

jQuery UI is an associated user interface library for jQuery that contains widgets, effects, animations, and interactions. Widgets in this rich set are themeable, a process simplified by the ThemeRoller web app, and have an advanced look and feel to them. The framework also includes a very complete set of CSS classes useful for theming your application. While many of these features are replicated in other plugins, the unified codebase and API, overall quality, and flexibility of jQuery UI make it an indispensible asset when building complete web applications. This chapter covers jQuery UI theming, creating custom themes, widgets, and other ways to get effects that the jQuery core doesn’t provide.

THEMING AND STYLING

Getting started with jQuery UI is easy. You simply navigate over to jqueryui.com/download to obtain a copy. You can either download a preexisting theme or make your own. As Figure 8-1 shows, the download page also gives you the option of choosing which components to include in your download. It’s the rare project that makes full use of all the widgets and tools of jQuery UI, and in those cases, it’s better to download only the necessary components in order to reduce the download size footprint on your final product. But for exploring and experimenting, download the complete set of options.

If you want ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required