Responsive Web Design

Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution. Périphériques, OS, navigateurs.

Le marché mobile et parts de marché.

Standards HTML, HTML5, CSS3 (API, sélecteurs...).

Concept de Marcotte, Mobile First.

Séparation contenu/contenant.

Approche portrait/paysage, tactile, impact sur l'ergonomie.

Créer un plan de tests.

Différence entre design Web et design Mobile.

Adaptation des CSS aux caractéristiques du terminal.

Règles conditionnelles (orientation, device-width...).

JavaScript et les anciens navigateurs.

Réglage complémentaire de rendu visuel (Viewport).

Conception classique vs conception selon une grille.

Importance des blocs, approche contenu/contenant.

Unités de mesure (% em px), mode Retina.

Eviter les débordements. Points de rupture.

Principe des box, layout avec CSS3.

Images flexibles : images de fond, adaptation HTML5, adaptation de la qualité graphique selon le terminal.

Contenu responsive : rupture texte, multicolonnes. Césure et découpe.

Polices fluides : format des polices, taille.

Marges et espaces flexibles.

Menus adaptables, carrousel adaptatif.

Créer des images et des vidéos adaptées.

Détecter les ressources avec "Modernizr".

Librairies de substitution (less, css3pie...).

Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap, Foundation, Skeleton, 320...

Mesurer la performance de chargement, optimisation de bande passante. Répartition Client/Serveur.

Optimisation des ressources graphiques.

Gestion du cache.