Responsive Design par TECH ME UP

Programme personnalisé en fonction des besoins du stagiaire :/n
1.Etat des lieux/n
- la multiplication des terminaux
- quelques chiffres sur le marché mobile aujourd'hui
- les problèmes pour le développement mobile2.Introduction au responsive design/n
- reponsive design : définition
- technologies utiles
- évolution des techniques
- mobile first
- graceful degradation
- étapes pour réaliser un site flexible3.Rendre la structure flexible/n
- concevoir son site
- bonnes pratiques pour la maquette
- l'utilisation d'une grille CSS
- intégrer la maquette en tirant parti d'HTML5
- structure flexible : bien gérer les largeurs
- compatibilité du site4.Réorganiser le site avec les mediaqueries/n
- viewport
- mediaqueries
- points de bascule types
- résolutions
- fonctionnalités
- compatibilité des mediaqueries
- mediaqueries en javascript5.Rendre les contenus flexibles/n
- images fluides
- videos fluides
- menus fluides
- polices fluides
- formulaires fluides
- tableaux fluides6.Outils utiles, et optimisation du site/n
- autres stratégies
- présentation de iUI
- détecter un mobile
- frameworks CSS
- détecter les ressources avec Modernizr
- vérifier le temps de chargement
- sources de veille technologique
Formation basée sur la pratique, comportant de nombreux exercices/n
/n

Savoir rendre un site flexible, visualisable sur toutes tailles d'écrans/n
Avec la multiplication des terminaux, le bon affichage d'un site quel que soit le contexte de navigation (ordinateur, téléphone, tablette) est désormais au coeur des préoccupations des développeurs web./n
Le Responsive Webdesign (Webdesign Adaptif) décrit le jeu de techniques permettant d'assurer une bonne ergonomie multi
- supports. Cette formation aborde de façon pratique ce thème plus que jamais d'actualité pour les créateurs web./n