Theming jQuery UI Like an Aristocrat
by Chris Bannon on Oct 16, 2010
- 2,882 views
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. Recentl...
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!
Accessibility
Categories
Tags
More...Upload Details
Uploaded via SlideShare as Adobe PDF
Usage Rights
© All Rights Reserved
Statistics
- Favorites
- 2
- Downloads
- 41
- Comments
- 0
- Embed Views
- Views on SlideShare
- 2,279
- Total Views
- 2,882
mury89