Responsive Web Design

Etat des lieux

· Tour d’horizon sur les différents terminaux

· Ce qui change avec la mobilité

· Les contraintes

· Les normes en vigueur

Les bonnes pratiques

· Les objectifs

· La compatibilité

· Les règles

· Les moyens et les ressources

· La réalisation

· Les vérifications

Le HTML 5 et CSS 3

· Bien structurer le contenu

· Séparer le contenu et la mise en forme

· Les propriétés incontournables

· Exploiter au mieux l’existant en fonction des limites actuelles

Les media queries

· Régler les problèmes liés au Viewport

· Compatibilité navigateurs sur support fixe et mobile (Windows, Apple et Android)

· Compatibilité écrans (différentes résolutions et zoom)

· Consultation en mode paysage et portrait

La mise en forme du contenant

· Les principes du « gracefull degradation »

· La productivité et la qualité sont compatibles

· L’ergonomie et l’utilisateur au cœur de nos préoccupations

· Exploiter et réutiliser un Framework

La gestion du contenu

· Pourquoi le « mobile first » ?

· Un seul contenu, mais adaptatif.

· Gérer le redimensionnement et maitriser les déplacements

· Attention au débordement

· Comportement des menus

L’Optimisation

· La rapidité d’affichage

· Minification indispensable ou superflue ?

· Compression des images et des icones

· Et pour le Javascript ?

Les évolutions

· Normes exploitables à moyen terme

· Comment se tenir informer ?