TUTO A la découverte du Responsive Design

Au moment où je créé cette formation, les sites Web sont consultés à plus de 50% par des téléphones mobiles, à 7% par des tablettes et à plus de 40% par des ordinateurs. Cet usage grandit au fur et à mesure des mois (+ 10% de visite via des smartphones entre janvier 2017 et décembre 2017 en France).

Il est donc important pour chaque site, d’adapter son contenu et la disposition de celui-ci en fonction de la taille de l’écran qui l’affiche. C’est ce qu’on appelle le Responsive Web Design.

Au programme de cette formation dédiée au Responsive Design

Cette formation complète a pour but de vous former au responsive design en abordant toutes les notions importantes de celui-ci :

• Utilisation des media queries pour modifier la disposition des éléments en fonction de la taille de l’écran de notre visiteur.
• Découverte de l’utilisation des unités relatives pour avoir un site qui s’adapte parfaitement à son environnement et qui reste accessible aux malvoyants.
• Adaptation des textes pour garder une lisibilité maximale peu importe le support.
• Modification des sources des images de notre design en fonction de la taille de l’écran du visiteur.
• Des médias flexibles qui s’adapte parfaitement à chaque disposition de notre design.
• Découverte du Mobile first qui consiste à d’abord s’occuper de la disposition de nos éléments sur les plus petits écrans (smartphones) pour ensuite évoluer vers des écrans de plus en plus grands. Les smartphones étant moins puissant que nos ordinateurs, il est important de réduire au maximum leur travail durant le rendu de notre page.
• Découverte du module de disposition Flexbox de CSS 3 afin de créer une grille responsive pour vos futurs projets Web.

Pour que cette formation soir réellement complète, nous viendrons réaliser une landing page responsive complète dont vous pouvez voir le résultat dans la vidéo d’introduction de la formation et dans la galerie d’images un peu plus bas.

Cette formation est accessible à toute personne ayant une première expérience avec les langages HTML et CSS. J’ai d'ailleurs créé une formation à ce sujet qui est disponible juste ici.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Un QCM est disponible pour valider vos nouvelles compétences.
Les fichiers sources sont fournis avec le cours.