/jquery-ui-bootstrap

A jQuery UI theme based on Twitter Bootstrap

Primary LanguageJavaScript

#jQuery UI Bootstrap

##Summary

This is a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets.

Twitter's Bootstrap was one of my favorite projects to come out of 2011, but having used it regularly it left me wanting two things:

  • The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually)
  • The ability to theme jQuery UI widgets using Bootstrap styles. Whilst I love jQuery UI, I (like others) find some of the current themes to look a little dated. My hope is that this theme provides a decent alternative for others that feel the same.

To clarify, this project doesn't aim or intend to replace Twitter Bootstrap. It merely provides a jQuery UI-compatible theme inspired by Bootstrap's design. It also provides a version of Bootstrap CSS with a few (minor) sections commented out which enable the theme to work along-side it.

I welcome any and all feedback as I'd very much like this theme to be as solid as possible.

##Browser-support

All modern browsers are targeted by this theme with 'lo-res' experiences (i.e no gradients, border-radius etc.) provided for users using older browsers.

There are some minor known issues lingering that I'm working on, but the hope is that in time those will all get ironed out.

##jQuery UI support

This theme targets jQuery UI 1.8.16 and the default version of jQuery included in the (current) jQuery UI builds (jQuery 1.6.2). I'm aware of jQuery 1.7.1 and intend on upgrading anything necessary in the theme to use it when the jQuery UI team officially include it in their theme packs.

##Project status

This project is currently under a code-freeze until mid-July 2012. At that time we will begin work on both moving the project over to using LESS and on getting Bootstrap 2.0 support in place. We will also target jQuery UI 1.8.21 (latest). The aim will be to get a stable release ready by end of July/early August.

Thank you for your patience. We know that it's been a few months since the last release but we hope to have wrapped up enough work on other projects in order to focus on this one soon. If you would like to get involved in any of the 2.0 sprints, please feel free to express your interest here.

##Demo

For a live preview of the theme, see http://addyosmani.github.com/jquery-ui-bootstrap.

A blog post with some more details about the project is also available.