Download do CSS da UI do jQuery a partir da CDN do Google

Estou planejando usar o Google para baixar a lib do jQuery para a interface do usuário e o Core. Minha pergunta é: eles me permitem fazer o download do CSS ou devo ter que hospedá-lo eu mesmo?

Além disso, se eu usar o Google para carregar, como devo carregar outros plugins? Posso compactar todos os plugins juntos ou deve ser seu próprio arquivo separado?

A API de bibliotecas do Google AJAX, que inclui a interface do usuário do jQuery (atualmente v1.10.3), também inclui temas populares conforme o blog da interface do usuário do jQuery :

API de bibliotecas do Google Ajax (CDN)

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

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

• Temas Descomprimido: black-tie , blitzer , Cupertino , hive-escuro , dot-luv , berinjela , excite-bicicleta , filme , hot-espreitadelas , humanidade , le-sapo , hortelã-choc , nublado , pimenta-moedor , Redmond , suavidade , south-street , start , sunny , swanky-purse , trontastic , ui-darkness ,ui-leveza e vader .

• Temas compactados: black-tie , blitzer , cupertino , colmeia escura , dot-luv , berinjela , excite-bike , filme , hot-sneaks , humanidade , le-sapo , mint-choc , nublado , moedor de pimenta , redmond , suavidade , south-street , start , sunny , swanky-purse , trontastic , ui-darkness ,ui-leveza e vader .

O jQuery agora tem um acesso CDN:

code.jquery.com/ui/ [version] / themes / [nome do tema] /jquery-ui.css

E para tornar isso um pouco mais fácil, aqui está:

• base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• gravata-preta: 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
• berinjela: 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
• humanidade: 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
• nublado: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• moedor de pimenta: 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
• suavidade: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• rua sul: 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

O Google está hospedando o css do jQueryUI neste link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Se você olhar diretamente para esse código, ele está importando o css usando @import, o que pode ser lento . Você pode levar em consideração a importação em suas partes para obter um pequeno benefício de desempenho:

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

Eu acho que sim. Por que não? Não seria muito um CDN sem oferecer o CSS para suportar os arquivos de script

Este link sugere que eles são:

Achamos particularmente interessante que os temas CSS da UI do jQuery estejam agora hospedados na CDN do Ajax Libraries do Google.

Você poderia usar este se você se referir ao CSS da jQuery UI:

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

Como Obama diz "Sim, podemos". Aqui está o link para isso. developers.google.com/#jquery

Você precisa 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

CDN do jQuery

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

Encontre nomes de temas aqui http://jqueryui.com/themeroller/ na subguia da galeria

.

Mas eu não recomendo que você hospede de cdn pelas seguintes razões

1. Embora sua chance de taxa de acerto seja boa no caso da CDN do Google em comparação com outras, ainda é muito baixa (qualquer CDN e não apenas o Google).
2. Carregando via cdn, você terá 3 solicitações, uma para jQuery.js, uma para jQueryUI.js e uma para o seu código. Você pode compactá-lo no seu local e carregá-lo como um único recurso.

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