Introduction à la Réactivité et à la Compatibilité HIDPI
Objectifs
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.
Résumé
Ce tutoriel détaille les étapes pour rendre une publication HTML5 réactive et optimisée pour les affichages HIDPI.
Description
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.
Questions fréquentes
Programme détaillé
Module 1 - Filtrage du navigateur
Module 2 - Créer une page avec parallaxe souris
Module 3 - Créer une page avec parallaxe au scroll
Module 4 - Piloter le scénario d'un Clip à la molette
Module 5 - Piloter le scénario d'un Clip au clavier
