Introduction
Généralités sur le marché des mobiles
Rappel HTML
Rappel CSS
Notions de HTML5 et CSS3
Concevoir une webApp
Les simulateurs
Construire sa première WebApp
Vérifier et compresser
Construire une webApp avec JQuery Mobile
Annexe 1 | Notions de bande passante
Annexe 2 | Les usages
Annexe 3 | Les librairies disponibles
Conclusion
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de créer et intégrer vos propres icônes dans jQuery Mobile.
Prérequis pour cette leçon
Connaissance de base en jQuery Mobile et en CSS est nécessaire pour suivre cette leçon.
Métiers concernés
Les compétences acquises sont utiles pour les métiers de développeur front-end et designer d'interface utilisateur.
Alternatives et ressources
Vous pouvez également utiliser des bibliothèques d'icônes comme FontAwesome ou Material Icons comme alternatives.
Questions & Réponses
Je m'abonne