Main Content

Theming jQuery UI like an Aristocrat

About the Talk

October 17, 2010 9:45 AM

Hilton Boston Logan Airport Hotel, Boston, MA

Hilton Boston Logan Airport Hotel, Boston, MA

We all know and love ThemeRoller for quickly styling jQuery UI, but we often have to go beyond its capabilities. We will walk through completely building a rich new theme from beginning to end. Recently, 280 North released an Open Source theme called Aristo. It is a really polished an professional looking style that can be applied to many different UI elements. It is also used in the popular Cappuccino web development framework as a built in theme. We are going to take this awesome design concept and build it as a ready-to-use theme for jQuery UI. Since ThemeRoller is so powerful, we will use it as a starting point. This will give us a standard framework to follow including common classes, states and helpers. ThemeRoller also gives us an easy way to generate color schemes and images to match which is a huge time saver. After we have the core theme in place we can begin customizing each widget’s style while still inheriting from the base CSS. Then we will add some CSS3 magic to make it diamonds!

Ratings and Recommendations

Avg. Rating

Average based
on 5 ratings

comments powered by Disqus