Hello - I've answered you questions below.... On Dec 14, 6:49 pm, mhulse <[email protected]> wrote: > Hi, > > I hope this is the right group for this question. > > So, I am starting a new website project, and I wanted to start using > the base jQuery theme from the beginning of the project. > > In the past, I have always built myCSSfrom the ground up... In other > words, I have never used any of the themes. > > With that said, I have these questions: > > 1. > > <http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ > jquery-ui.css> > > If I wanted minimal jQuery theme styling, would the above style sheet > be the best one touse?
Just include any of the jQuery UI themes, either by downloading and linking locally or linking to the CDN version: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css Base is really the same as the Smoothness theme - grayscale and clean. For extra fun, include a single line of code to add a theme switcher widget to you page that lets you choose from any gallery theme: http://www.jqueryui.com/docs/Theming/ThemeSwitcher Or use the developer tool that pulls the TR palette into your page for live theming: http://www.jqueryui.com/themeroller/developertool/ Both of these are good ways to test your code to make sure that you're nor hard-coding colors and backgrounds that would break theming. > > 2. > > How do you usethe jQuery themes? > > I was thinking I would include the base styling, and then add "themes" > to myCSSwhen it is needed. The themes are written in a generic and portable way so any of the jQuery UI plugins, ThemeRoller-ready 3rd party plugins or your own scripts will pick up the theme's look and feel if coded correctly. > > 3. > > Do you usethe jQueryCSSfor non-javascript manipulated elements? Yes, absolutely. The CSS framework is ust a set of classes you can add to any HTML markup, static or scripted to make it adopt the theme's look and feel. Check out this presentation that explains how it all works: http://www.filamentgroup.com/examples/jqcon09/jQueryConf2009-ThemingjQueryUI.pdf And an example of how to make your own theme-able buttons to get a sense of how to use this for your plugins or code: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ And an older article that may still be helpfu: http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/ > > For example,shouldIuse.ui-helper-clearfix on parent div of my > floated navigation, even though jQuery is not touching it? This is fine ot do and will result in cleaner code because you're re- using styles. > > In other words, do youusethe jQueryCSSframeworkon everything, vs. > just the jQuery manipulated elements? Everything. It's worth noting that you can also apply multiple themes on a page for a richer look and feel: http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/ > > ===================== > > My main concern would be tousethe jqueryCSSframeworkon a big > project, and then have to re-factor my code later because my approach > and usage was wrong. I hope the info above gets you off to a good start. It's actually quite easy once you get the hang of it. > > Any thoughts? Tips? The crew here at Filament Group wrote a detailed chapter on theming jQuery UI for the new O'Reilly cookbook which might be helpful too: http://www.filamentgroup.com/lab/filament_group_contributes_chapter_on_theming_jquery_cookbook_oreilly_media/ > > Thanks! > M -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
