Formation Responsive Design

Introduction

Définition du concept « Responsive Design »
Rappel des fondamentaux du web mobile
Les caractéristiques du web mobile et des différents terminaux
L’environnement design et l’ergonomie

Etat des lieux du Responsive Design

Répartition et usage des terminaux mobiles selon la cible et le contexte
Navigateurs haut de gamme, bas de gamme quelles différences ? Quelles caractéristiques ?
Etude de sites références pour expérimenter les possibilités du Responsive Web Design

Responsive Design : fondamentaux

Grands principes et enjeux
L’impact du Responsive Design sur la gestion de projet
Présentation des outils de conception

CSS3 et les médias Queries

Application au Responsive Design
Savoir placer les points de rupture de manière cohérente
Quelles unités CSS utiliser selon le contexte ?
Point de rupture en Java Script, comment les exploiter ?

Enjeux et contraintes

Adaptation des interfaces : gérer les contraintes du support mobile
Comment optimiser les menus de navigation ?
Gestion des contenus : réécriture des textes ou simple adaptation ?
Adaptation des visuels et éléments courants : règles de bonnes pratiques
Découvrir la notion de Mobil First

Optimisation de la performance

Connaitre les bonnes pratiques : point sur le travail du W3C
Le web mobile (HTLM 5, CSS, JavaScript …)
Adaptation du Viewport
Optimisation des requêtes
Usage de la minification
Technologies avancées RWD
Aller plus loin …