Responsive web design

• L’histoire de l’HTML5
• L’HTML5 d’aujourd’hui
• L’HTML5 de demain
• Pourquoi faire le choix de l’HTML5
• Connaitre la compatibilité des navigateurs

• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Les balises et attributs obsolètes
• Les principales balises
• La structure d’une page
• Balises Vidéo et audio
• Balises de formulaire

• Les standards du web
• Les normes W3C
• Contraintes des supports mobiles

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements
• La géo-localisation

• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

• Les principes du responsive web design
• Le concept du « Mobile First »
• Les différentes résolutions
• Contenant/Contenu
• Comptabilité avec les navigateurs
• Solutions techniques pour les navigateurs non compatibles

• % OU em
• min-width et max-width
• Les bonnes pratiques
• Portrait ou paysage

• Screen
• Média queries CSS2
• Média queries CSS3
• Les opérateurs logiques

• Le principe de base
• Grille et design fluide
• Images fluides et police fluide
• Web font

• Les frameworks (Bootstrap, Foundation, …)
• La suite d’outils Adobe Edge
• Utilisation de Modernizr
• HTML shiv
• Respond.js
• Outils de test
• Utilisation de Dreamweaver

• Sprite CSS
• Polices d’icônes (icomoon, glyphicons, awesome font, …)
• « Minifier » le code
• Concept de l’Adaptative Design

Consulter le diplôme, titre ou certificat... délivrés en fin de formation ainsi que les métiers auxquels cette formation vous donne accès.