Dans ce tuto CSS 3 et Javascript, vous découvrirez comment rendre compatible rapidement votre site internet aux écrans Retina (écran haute résolution que vous trouvez notamment sur les appareils mobiles d'Apple : iPhone 4, iPhone 4S, et iPad 3). Les notions abordées dans ce tuto sont accessibles quelque soit votre niveau technique dans les langages utilisés.
Les objectifs pédagogiques :
- Détecter les écrans Retina en Javascript
- Détecter les écrans Retina en CSS
- Comprendre et manipuler les tailles d'image selon l'appareil utilisé
- Reconstruire le contenu de la page HTML selon les écrans Retina avec jQuery
A noter: Il n'est pas nécessaire de disposer d'un Mac ou de XCode pour suivre ce tutoriel, un navigateur Apple Safari suffit. Une archive zip est fournie contenant l'intégralité du projet.
- Fichiers sourcestélécharger
- Certificat
Formateur : Benoit Asselin
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant