Créer des utilitaires Responsive Design dans le navigateur

Dans cet atelier vidéo  (durée: env 52mn) nous allons apprendre à mettre en place des 'outils' d'affichage pour nos développements en Responsive Design.

Nous utiliserons:

• des éléments HTML temporaires dans nos pages
• du code Javascript et Css temporaire
• une couleur différentes pour chaque point de rupture de notre responsive design
• une fonction Js pour mesurer la largeur du viewport

Les navigateurs actuels proposent déjà des outils très performants pour simuler diverses tailles de viewport et ce que nous allons voir ici ne remet pas en cause ces outils, il va juste s'agir d'une façon différente de procéder et de plus cela nous fera un excellent exercice de codage à travers un cas pratique.

Les vidéo sont disponibles ci-dessous sur ma ma chaine Youtube
(réglez le lecteur sur 720p^HD).