Filtrage du navigateur
Créer une page avec parallaxe souris
Créer une page avec parallaxe au scroll
Piloter le scénario d'un Clip à la molette
Piloter le scénario d'un Clip au clavier
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons apprendre à gérer la responsivité dans une publication HTML5 et à optimiser pour les écrans de type Retina. Nous commencerons par ajuster les paramètres de publication pour rendre le contenu réactif. Ensuite, nous explorerons la fonction makeResponsive d'Adobe, qui permet d'assurer la compatibilité avec les écrans haute résolution. En modifiant certains paramètres, notamment en ajustant la largeur de la scène, nous corrigerons les problèmes potentiels comme l'apparition des ascenseurs horizontaux.
Ensuite, nous rajouterons une solution pour optimiser le scroll dans Google Chrome. L'approche présentée permet d'assurer que votre contenu s'adapte correctement aux différentes tailles d'écran, tout en maintenant une expérience utilisateur optimale sur les différents navigateurs.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de vous apprendre à :
– Rendre une publication HTML5 réactive.
– Optimiser la publication pour les écrans haute résolution.
– Éliminer les ascenseurs disgracieux.
– Améliorer la fluidité du scroll dans Google Chrome.
Prérequis pour cette leçon
Les prérequis pour cette vidéo incluent :
– Connaissances de base en HTML et CSS.
– Expérience avec les publications Adobe Animate ou similaires.
Métiers concernés
Ce sujet est particulièrement utile pour les :
– Développeurs web.
– Designers UI/UX.
– Spécialistes en accessibilité numérique.
– Intégrateurs HTML.
Alternatives et ressources
Bien que nous nous concentrions sur Adobe, d'autres outils comme Sketch ou Figma peuvent également être utilisés pour créer du contenu réactif.
Questions & Réponses
Je m'abonne