Downloading jQuery UI CSS from Google's CDN

The Google AJAX Libraries API, which includes jQuery UI (currently v1.10.3), also includes popular themes as per the jQuery UI blog:

Google Ajax Libraries API (CDN)

  • Uncompressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

  • Compressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

  • Themes Uncompressed: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast,pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, and vader.

  • Themes Compressed: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast,pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, and vader.


jQuery now has a CDN access:

code.jquery.com/ui/[version]/themes/[theme name]/jquery-ui.css

And to make this a little more easy, Here you go:

  • base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
  • black-tie: http://code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
  • blitzer: http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
  • cupertino: http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
  • dark-hive: http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
  • dot-luv: http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
  • eggplant: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
  • excite-bike: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
  • flick: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
  • hot-sneaks: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
  • humanity: http://code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
  • le-frog: http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
  • mint-choc: http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
  • overcast: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
  • pepper-grinder: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
  • redmond: http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
  • smoothness: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
  • south-street: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
  • start: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
  • sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
  • swanky-purse: http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
  • trontastic: http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
  • ui-darkness: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
  • ui-lightness: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
  • vader: http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Google is hosting jQueryUI css at this link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

If you look at this code directly, it is importing the css using @import which can be slow. You may want to factor the import into its parts to gain a slight performance benefit:

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css

Tags:

Css

Jquery

Jquery Ui

Google Ajax Libraries

Cdn

Recent Posts