TUTO Intégration d'un Portfolio responsive en Mobile First

Dans cette formation HTML & CSS en vidéo, je vous propose de découvrir ensemble comment intégrer une maquette de Portfolio (dans notre exemple, cette maquette a été créée sur Figma) en utilisant la technique du Mobile first.

Le Mobile First qu'est-ce que c'est ?

C'est tout simplement le fait de commencer notre intégration responsive de la maquette en partant de la version mobile et de l'adapter petit à petit pour les écrans plus grands (tablette & bureau) grâce aux media queries.

Les maquettes graphiques que nous allons intégrer sont fournies avec la formation.
Si vous souhaitez apprendre à designer le portfolio sur le logiciel Figma, je vous invite à suivre les 2 premiers épisodes :

• Episode 1 : La version mobile
• Episode 2 : Les versions tablettes & desktop 

Aucun Framework tel que Bootstrap ne sera utilisé.
Nous utiliserons seulement les langages HTML & CSS ainsi que des techniques modernes d'intégration telles que les Flexbox et les Grid pour créer ce portfolio.
La librairie JQuery nous sera utile pour créer le système de filtres et pour le switch du dark mode.
Les fichiers sources sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la vidéo.

Bon tuto !