Comment télécharger la bibliothèque jQuery UI pour HTML5 et CSS3 programmation

Ecriture de code jQuery UI est pas difficile, mais trouver les bonnes parties de la bibliothèque peut être un peu déroutant pour HTML5 et CSS3 programmeurs. La bibliothèque jQuery UI est beaucoup plus grande que le paquet jQuery standard, de sorte que vous voudrez peut-être de ne pas inclure l'ensemble de chose si vous ne avez pas besoin.

Les précédentes versions de jQuery UI autorisés vous permet de télécharger l'ensemble du paquet, mais stockés chacun des différents éléments d'un fichier javascript distinct. Il était courant d'avoir une demi-douzaine différente scénario tags actifs juste pour obtenir les différents éléments en place.

Pire, certains problèmes de dépendance existait, donc vous avez besoin de vous assurer que vous aviez certains paquets installés avant que vous avez utilisé d'autres paquets. Ce fait une simple bibliothèque assez complexe à utiliser effectivement.

Heureusement, les dernières versions de l'interface utilisateur jQuery rendent ce processus un peu plus simple:

1. Choisissez (ou créer) votre thème.

   Utilisez le site ThemeRoller de choisir un endroit à partir de la bibliothèque de modèles. Vous pouvez ensuite personnaliser votre thème exactement à faire ce que vous voulez (changer les couleurs, les polices et autres éléments).

2. Télécharger le thème.

   
   
   
   
   

   Le ThemeRoller dispose d'un bouton de téléchargement. Cliquez sur lorsque vous êtes prêt à télécharger votre thème.

3. Choisissez les éléments que vous voulez.

   Lorsque vous débutez sur un projet, vous aurez probablement de choisir tous les éléments. Si vous trouvez que la page se charge trop lentement, vous pourriez construire une version plus petite qui ne contient que les éléments dont vous avez besoin. Pour l'instant, tout ramasser.

4. Télécharger le fichier.

   Après avoir choisi les éléments que vous voulez, vous pouvez les télécharger dans un fichier zip.

5. Installez le contenu du fichier zip dans votre répertoire de travail.

   Le fichier zip contient un certain nombre de fichiers et de répertoires. Copiez le css et js répertoires dans le répertoire où vos pages web seront (souvent le public_html ou htdocs répertoire). Vous ne devez pas copier le développement faisceau répertoire ou la page index.html.

6. Si vous installez plusieurs thèmes, copier uniquement les informations de thème de thèmes supplémentaires.

   Tous les thèmes utilisent le même javascript. Seul le CSS (et les fichiers d'image connexes) change. Si vous voulez avoir plusieurs thèmes dans votre projet, il suffit de copier le contenu CSS. Chaque thème sera un autre sous-répertoire du répertoire principal de CSS.

7. Lien vers les fichiers CSS.

   Utilisez la technique du lien standard pour créer un lien vers les fichiers CSS créées par jQuery UI. Vous pouvez également créer un lien vers vos propres fichiers CSS ou utiliser les CSS interne en plus de la CSS personnalisé. Assurez-vous que vous obtenez le droit chemin.

8. Lien vers les fichiers javascript.

   La boîte à outils jQuery UI installe également deux fichiers javascript: jQuery la bibliothèque standard et la bibliothèque jQuery UI. Par défaut, ces deux fichiers sont installés dans le js répertoire. Vous aurez besoin de lier les deux dossiers. Parfois, vous verrez les fichiers minimisées aux côtés des versions ordinaires. La version réduite aura le terme min incorporé. Chaque version est bien, mais la version réduite se charge plus rapidement.

Si quelque chose ne fonctionne pas correctement, vérifiez à nouveau vos chemins de fichiers. Presque toujours, des problèmes surgissent parce que vous ne l'avez pas lié à tous les bons fichiers. Notez également que les fichiers CSS créées par jQuery UI comprennent également des images. Assurez-vous que votre thème a un répertoire d'images associées, ou de votre projet peut ne pas fonctionner correctement. Si vous avez copié l'ensemble du CSS et JS répertoires du téléchargement, vous devriez être bien.