Baixando jQuery UI CSS de CDN do Google

Question

Eu estou pensando em usar o Google para baixar o lib jQuery UI para ambos e Core. Minha pergunta é: eles permitem-me para baixar o CSS para ele ou eu deveria ter de hospedá-lo eu mesmo?

Além disso, se eu usar o Google para carga como eu deveria carregar outros plugins? I pode comprimir todos os plugins em conjunto ou deveria ser o seu próprio arquivo separado?

Answer 1

A API do Google AJAX Libraries, que inclui jQuery UI (atualmente v1.10.3), também inclui temas populares como por a jQuery UI blogue :

Google Ajax Libraries API (CDN)

• Uncompressed: < a href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" rel = "noreferrer"> 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 descompactado: black-tie , blitzer , Cupertino , hive-escuro , dot-luv , berinjela , Excite-bike , filme , hot-espreitadelas , < a href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/humanity/jquery-ui.css" rel = "noreferrer"> humanidade , le-sapo , hortelã-choc , nublado , pimenta-moedor , Redmond , suavidade , sul-street , começar , ensolarado, ostentoso-bolsa , trontastic , ui-escuridão , ui-leveza , e vader .

• Temas comprimido: black-tie , blitzer , Cupertino , dark-hive , dot -luv , berinjela , Excite-bike , filme , hot-espreitadelas , humanidade , le-sapo , hortelã-choc , nublado , pimenta-moedor , Redmond , suavidade , sul-street , iniciar , ensolarado , ostentoso-bolsa , trontastic , ui-escuridão , ui-leveza, e vader

Answer 2

jQuery agora tem um acesso CDN:

code.jquery.com/ui/ [versão] / temas / [nome do tema] /jquery-ui.css

---

E para tornar este um pouco mais fácil, aqui vai:

• Base: http://code.jquery.com/ui/1.9 .1 / temas / 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 / temas / blitzer / jquery-ui.css
• Cupertino: http://code.jquery.com/ui/1.9 .1 / temas / 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 / temas / beringela / jquery-ui.css
• Excite-bike: http://code.jquery.com /ui/1.9.1/themes/excite-bike/jquery-ui.css
• filme: http://code.jquery.com/ui/1.9 .1 / temas / filme / jquery-ui.css
• hot-espreitadelas: http://code.jquery.com /ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• humanidade: http://code.jquery.com/ui/1.9 .1 / temas / humanidade / jquery-ui.css
• le-sapo: http://code.jquery.com /ui/1.9.1/themes/le-frog/jquery-ui.css
• hortelã-choc: http://code.jquery.com /ui/1.9.1/themes/mint-choc/jquery-ui.css
• nublado: http://code.jquery.com/ui/1.9 .1 / temas / nublado / jquery-ui.css
• pimenta-moedor: http://code.jquery.com /ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• Redmond: http://code.jquery.com/ui/1.9 .1 / temas / Redmond / jquery-ui.css
• suavidade: http://code.jquery.com/ui/1.9 .1 / temas / suavidade / jquery-ui.css
• sul-rua: http://code.jquery.com /ui/1.9.1/themes/south-street/jquery-ui.css
• início: http://code.jquery.com/ui/1.9 .1 / temas / start / jquery-ui.css
• ensolarado: http://code.jquery.com/ui/1.9 .1 / temas / ensolarado / jquery-ui.css
• ostentoso-bolsa: http://code.jquery.com /ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastic: http://code.jquery.com/ui/1.9 .1 / temas / trontastic / jquery-ui.css
• ui-escuridão: http://code.jquery.com /ui/1.9.1/themes/ui-darkness/jquery-ui.css
• ui-leveza: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui Css
• vader: http://code.jquery.com/ui/1.9 .1 / temas / vader / jquery-ui.css

Answer 3

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

Se você olhar para este código diretamente, ele está importando o css usando @import que pode ser lento . Você pode querer fator a importação em suas partes para ganhar uma ligeira vantagem de desempenho:

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

Answer 4

Eu acho que sim. Por que não? não seria muito de um CDN w / o que oferece o CSS para suportar os arquivos de script

Este link sugere que eles são:

Achamos particularmente emocionante que os temas CSS jQuery UI estão agora hospedado em Ajax Libraries CDN do Google.

Answer 5

Você pode usar este se você quer dizer o css jQuery UI:

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

Answer 6

Como Obama diz "Sim nós 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

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

Encontre nomes tema aqui http://jqueryui.com/themeroller/ na galeria sub-seção

.

Mas eu gostaria de não recomenda você hospedagem de CDN pelos seguintes motivos

1. Embora sua chance de taxa de acerto é bom no caso do Google CDN comparação com os outros, mas ainda é extremamente baixa. (Qualquer CDN não apenas do Google).
2. Carregando via CDN você terá 3 pedidos uma para jquery.js, uma para jQueryUI.js e um para o seu código. Você pode como vai comprimi-lo em seu local e carregá-lo como um único recurso.

http://zoompf.com/blog/ 2010/01 / deve-you-use-javascript-biblioteca-cdns