official - jquery ui themes

Descargando jQuery UI CSS desde el CDN de Google

Question

Estoy planeando usar Google para descargar jQuery lib para UI y Core. Mi pregunta es, ¿me permiten descargar el CSS o debo tener que alojarlo yo mismo?

Además, si uso Google para cargar, ¿cómo debo cargar otros complementos? ¿Puedo comprimir todos los complementos juntos o debería ser su propio archivo separado?

Answer 1

Como dice Obama "Sí, podemos". Aquí está el link para esto. developers.google.com/#jquery

Necesitas usar

Google

ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

jQuery CDN

code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js
code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

Microsoft

ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

Encuentre los nombres de los temas aquí http://jqueryui.com/themeroller/ en la subficha de la galería

.

Pero no te recomendaría hosting de cdn por las siguientes razones

1. Aunque su probabilidad de éxito es buena en el caso de Google CDN en comparación con otros, pero sigue siendo abismalmente baja (cualquier cdn no solo google).
2. Al cargar vía cdn, tendrá 3 solicitudes, una para jQuery.js, una para jQueryUI.js y otra para su código. Puede comprimirlo en su local y cargarlo como un solo recurso.

http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

Answer 2

Google aloja jQueryUI css en este enlace https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Si observa este código directamente, está importando el css usando @import, que puede ser lento . Es posible que desee factorizar la importación en sus partes para obtener un ligero beneficio de rendimiento:

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

Answer 3

La API de Google AJAX Libraries, que incluye jQuery UI (actualmente v1.10.3), también incluye temas populares según el blog de jQuery UI :

API de Google Ajax Libraries (CDN)

• Sin comprimir:

• Comprimido:

• Temas sin comprimir: black-tie , blitzer , cupertino , dark-hive , dot-luv , eggplant , excite-bike blitzer , blitzer , cupertino , humanity , le-frog , mint-choc , overcast , pepper-grinder , redmond , smoothness , south-street , start , sunny , swanky-purse , trontastic , ui-darkness , ui-lightness y vader .

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

Answer 4

Puedes usar este si te refieres al css de jQuery UI:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Answer 5

Yo pensaría que sí. Por qué no? No sería mucho de un CDN sin ofrecer el CSS para soportar los archivos de script

Este enlace sugiere que son:

Nos parece particularmente emocionante que los temas de jQuery UI CSS estén ahora alojados en el CDN Ajax Libraries de Google.

Answer 6

jQuery ahora tiene un acceso CDN:

code.jquery.com/ui/ [version] / themes / [nombre del tema] /jquery-ui.css

Y para hacer esto un poco más fácil, aquí tienes:

• 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
• berenjena: 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
• humanidad: 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
• molinillo de pimienta: 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
• suavidad: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• calle sur: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• inicio: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• soleado: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• swanky-monedero: 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