Download del CSS dell'interfaccia utente jQuery dal CDN di Google

Sto pensando di utilizzare Google per scaricare la libreria jQuery sia per l'interfaccia utente che per Core. La mia domanda è: mi permettono di scaricare il CSS per esso o dovrei ospitarlo da solo?

Inoltre, se utilizzo Google per caricare come devo caricare altri plugin? Posso comprimere tutti i plugin insieme o dovrebbe essere un suo file separato?

L'API delle librerie AJAX di Google, che include l'interfaccia utente jQuery (attualmente v1.10.3), include anche temi popolari come nel blog dell'interfaccia utente jQuery :

API Ajax Libraries (CDN)

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

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

• Temi non compressi: cravatta nera , blitzer , cupertino , alveare scuro , dot-luv , melanzane , eccitamento-bici , film , furtivamente , umanità , le-frog , mint-choc , coperto , macinapepe , redmond , scorrevolezza , a sud-strada , avviare , soleggiato , sciccoso-borsa , trontastic , ui-oscurità ,ui-leggerezza e vader .

• Temi compressi: cravatta nera , blitzer , cupertino , dark-hive , dot-luv , melanzane , excite-bike , flick , hot-sneaks , umanità , le-frog , mint-choc , coperto , macinapepe , redmond , scorrevolezza , a sud-strada , avviare , soleggiato , sciccoso-borsa , trontastic , ui-oscurità ,ui-leggerezza e vader .

jQuery ora ha un accesso CDN:

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

E per renderlo un po 'più semplice, ecco qui:

• base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• cravatta nera: 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
• melanzane: 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
• colpo: 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
• umanità: 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
• coperto: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• macinapepe: 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
• via sud: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• inizio: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• soleggiato: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• borsa-swanky: 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 ospita css jQueryUI a questo link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Se guardi direttamente questo codice, sta importando il CSS usando @import che può essere lento . Potresti voler fattorizzare l'importazione nelle sue parti per ottenere un leggero vantaggio in termini di prestazioni:

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

Io la penso così. Perchè no? Non sarebbe una gran quantità di CDN senza il CSS per supportare i file di script

Questo link suggerisce che sono:

Troviamo particolarmente eccitante che i temi CSS dell'interfaccia utente jQuery siano ora ospitati sul CDN Ajax Libraries di Google.

Puoi usare questo se intendi il css dell'interfaccia utente jQuery:

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

Come dice Obama "Sì, possiamo". Ecco il link ad esso. developers.google.com/#jquery

Devi usare

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

Trova i nomi dei temi qui http://jqueryui.com/themeroller/ nella sottoscheda Galleria

.

Ma non consiglierei l'hosting da cdn per i seguenti motivi

1. Anche se la tua possibilità di hit rate è buona in caso di CDN di Google rispetto ad altri, ma è ancora incredibilmente bassa (qualsiasi cdn non solo google).
2. Caricando tramite cdn avrai 3 richieste una per jQuery.js, una per jQueryUI.js e una per il tuo codice. Potresti comprimerlo sul tuo locale e caricarlo come una singola risorsa.

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