Téléchargement de jQuery UI CSS à partir du CDN de Google

Question

J'ai l'intention d'utiliser Google pour télécharger la librairie jQuery pour UI et Core. Ma question est la suivante : me permettent-ils de télécharger le CSS correspondant ou dois-je l'héberger moi-même ?

De plus, si j'utilise Google pour charger, comment dois-je charger les autres plugins ? Est-ce que je peux compresser tous les plugins ensemble ou est-ce qu'ils doivent avoir leur propre fichier séparé ?

Answer 1

L'API des bibliothèques AJAX de Google, qui comprend jQuery UI (actuellement v1.10.3), inclut également des thèmes populaires selon la norme blog sur jQuery UI :

Google Ajax Libraries API (CDN)

• Non compressé : http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

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

• Thèmes non compressés : cravate noire , blitzer , cupertino , ruche sombre , dot-luv , aubergine , excite-bike , flick , hot-sneaks , humanité , le-frog , menthe-choc , nuageux , moulin à poivre , redmond , douceur , rue du sud , commencer , ensoleillé , sac à main de luxe , trontastique , ui-darkness , ui-lightness y vador .

• Thèmes compressés : cravate noire , blitzer , cupertino , ruche sombre , dot-luv , aubergine , excite-bike , flick , hot-sneaks , humanité , le-frog , menthe-choc , nuageux , moulin à poivre , redmond , douceur , rue du sud , commencer , ensoleillé , sac à main de luxe , trontastique , ui-darkness , ui-lightness y vador .

Answer 2

JQuery a maintenant un accès CDN :

code.jquery.com/ui/ [version] /themes/ [nom du thème] /jquery-ui.css

---

Et pour rendre ça un peu plus facile, voilà :

• base : http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• en cravate noire : 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
• point-luv : http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
• aubergine : 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
• la pichenette : 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
• humanité : 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
• menthe-choc : http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
• Ciel couvert : http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• moulin à poivre : 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
• la douceur : http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• rue du sud : http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• commencer : http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• ensoleillé : http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• sac à main de luxe : http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastique : 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
• Vador : http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Answer 3

Google héberge le css de jQueryUI à ce lien https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Si vous regardez ce code directement, il importe le css en utilisant @import ce qui peut être lent . Il est possible que vous souhaitiez factoriser l'importation dans ses parties pour obtenir un léger avantage en termes de performances :

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 4

Comme le dit Obama, "Yes We Can". Voici le lien vers ce document. Développeurs.google.com/#jquery

Vous devez utiliser

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 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

Trouvez des noms de thèmes ici http://jqueryui.com/themeroller/ dans le sous-onglet galerie

.

Mais je voudrais ne pas recommander vous hébergez chez cdn pour les raisons suivantes

1. Bien que le taux de réussite soit plus élevé avec le CDN de Google qu'avec d'autres, il reste extrêmement faible (tous les CDN, pas seulement celui de Google).
2. En chargeant via cdn, vous aurez 3 requêtes : une pour jQuery.js, une pour jQueryUI.js et une pour votre code. Vous pourriez aussi bien le compresser sur votre ordinateur et le charger comme une seule ressource.

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

Answer 5

Je pense que oui. Pourquoi pas ? Ce ne serait pas vraiment un CDN sans offrir le CSS pour supporter les fichiers script.

Ce lien suggère qu'ils le sont :

Nous trouvons particulièrement intéressant que les thèmes CSS de jQuery UI sont désormais hébergés sur le CDN Ajax Libraries de Google.