Comment intégrer vos propres icônes dans jQuery Mobile
Objectifs
À la fin de cette vidéo, vous serez capable de créer et intégrer vos propres icônes dans jQuery Mobile.
Résumé
Découvrez comment utiliser et personnaliser des icônes dans jQuery Mobile en créant vos propres icônes au format PNG.
Description
Dans cette leçon, nous abordons la personnalisation des icônes dans jQuery Mobile. Bien que cette bibliothèque offre de nombreuses icônes intégrées, il est également possible de créer et d'utiliser vos propres icônes. Nous vous expliquerons comment concevoir une icône aux dimensions appropriées, la sauvegarder au format PNG, et l'intégrer dans votre application web. L'approche détaillée inclut la création d'une classe CSS spécifique pour votre icône et l'assignation de cette icône à un bouton en utilisant l'attribut DataIcône. Suivez nos instructions pas à pas pour voir votre icône personnalisée affichée correctement dans un simulateur.
Concrètement, nous allons créer une icône en forme de puzzle, la placer dans un dossier d'images, et configurer le stylesheet CSS pour la rendre accessible à jQuery Mobile. Vous apprendrez également à éviter les erreurs courantes telles que l'utilisation de caractères spéciaux dans les noms de fichiers. Enfin, nous testerons l'affichage de l'icône dans un simulateur pour vous assurer que tout fonctionne correctement.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
