Votre guide dans les plaines du far-web

Formation développeur web


« Donne un poisson à un homme, tu le nourris pour un jour. Apprends-lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Constatation du problème

Mis à jour le

Pour bien comprendre ce qu'est un site non responsive, ouvrez votre CV, et utilisez l'inspecteur pour voir le rendu dans les différentes résolutions. (vidéo visible sur la plateforme de formation)responsive-constat.mp4 ...

Fin de l'extrait

Configurer le viewport

Mis à jour le

Constatez la différence d'affichage d'une même page avec et sans viewport. Vous trouverez le fichier de démo en pièce jointe. (vidéo visible sur la plateforme de formation)responsive-design-viewport.mp4 ...

Fin de l'extrait

Redimensionnement de blocs

Mis à jour le

Pour vous familiariser avec les media-queries, je vous ai préparé une page simple, agencée d'une certaine manière pour les écrans desktop. Vous allez devoir mettre en place plusieurs règles CSS ...

Fin de l'extrait

Agence immobilière : flexbox et images

Mis à jour le

Pour cet exercice, je vous laisse libre de définir les différentes règles CSS à mettre en place. Basez vous sur la vidéo ci-dessous pour faire coller votre rendu à la solution que je vous propos...

Fin de l'extrait

TP - CV responsive

Mis à jour le

Revoyez votre CV afin qu'il intègre du responsive design, et qu'il ait une bonne apparence dans toutes les résolutions....

Fin de l'extrait

TP - Blog responsive

Mis à jour le

Revoyez votre blog afin qu'il intègre du responsive design, et qu'il ait une bonne apparence dans toutes les résolutions....

Fin de l'extrait

TP - E-commerce responsive

Mis à jour le

Revoyez votre e-commerce afin qu'il intègre du responsive design, et qu'il ait une bonne apparence dans toutes les résolutions....

Fin de l'extrait