A la découverte du Responsive Design

Début 2018, 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 et décembre 2017 en France).

Il est donc important pour chaque site internet, d’adapter son contenu et sa disposition 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.

Cette formation vidéo est accessible à toute personne ayant une première expérience avec les langages HTML et CSS.

A la découverte du Responsive Design (Formation vidéo de 2h43 - 2018 - 29 euros)

Cette formation est incluse dans la formation plus complète Le CSS moderne  (6h10 - 2018 - 37 euros au lieu de 54 euros)

Toutes les formations CSS disponibles sur tuto.com
 

Visiter fr.tuto.com

Ajouter à mes listes de lecture