Junior

Gérer le thème foncé / clair

Sur les systèmes d'exploitation modernes, les utilisateurs peuvent basculer entre un thème clair et un thème sombre selon leurs...

Junior Premium

TP : Maquette fiasco

Je vous propose un dernier TP pour pratiquer avec la maquette du restaurant fictif Le Fiasco. L'idée de cet exercice final est de...

Junior

Bien organiser son CSS

Dans ce chapitre, on va s'intéresser à un problème que l'on rencontre assez rapidement quand on commence à appliquer le CSS : comment...

Junior

Les calques

Dans ce chapitre, on va revenir sur une notion importante en CSS : la spécificité. On va aussi découvrir un nouvel outil très utile...

Junior

Imbrication & import

Dans ce chapitre, on va découvrir deux éléments de syntaxe supplémentaire

Junior

Les animations

Dans ce chapitre, on va découvrir les transitions et les animations en CSS. Ce sont deux mécanismes proches, mais ils ne répondent...

Junior

Les transformations

Dans ce chapitre, on va s'intéresser à la propriété transform qui permet d'appliquer des transformations à un élément (le déplacer,...

Junior

Le défilement

Dans ce chapitre, on va découvrir la propriété overflow. Elle permet de gérer ce qu'il se passe lorsqu'un contenu dépasse de son...

Junior

Les pseudo éléments

Dans ce chapitre, on va découvrir le principe des pseudo-éléments. Ils permettent de cibler une partie d'un élément ou de générer...

Junior

Les variables

Dans ce chapitre, on va découvrir le principe des variables CSS. C'est une fonctionnalité très pratique qui permet d'éviter les...

Junior Premium

TP : Maquette responsive

Dans ce nouveau TP je vous propose de pratiquer les nouvelles propriétés que l'on a vu à travers l'intégration d'une nouvelle maquette...

Junior

Le reset CSS

Dans ce chapitre, on va faire une petite parenthèse sur une technique très utilisée en CSS : le reset CSS. L'idée consiste à neutraliser...

Junior

Police personnalisées

Dans ce chapitre, on va découvrir comment charger des polices personnalisées dans notre site. C'est souvent une étape obligatoire...

Junior

Le responsive

Dans ce chapitre, on va aborder une notion essentielle en CSS : le responsive design. L'objectif de cette pratique consiste à faire...

Junior

Les grilles

Dans ce chapitre, on va découvrir le principe des grilles en CSS. On a déjà vu qu'avec display: flex, on pouvait aligner des éléments...

Junior

Le positionnement

Dans ce chapitre, on va s'intéresser au positionnement en CSS. C'est un mécanisme très pratique dès qu'on veut afficher un élément...

Junior Premium

TP : Première maquette

Dans ce TP, on met un peu en pause la découverte de nouvelles propriétés pour pratiquer sur une vraie maquette. L'objectif est de...

Junior

TP : Créer une carte produit

Dans ce premier TP, on va pratiquer sur un exemple simple avant d'attaquer une maquette plus complète. L'objectif est d'intégrer...

Junior

Les flexbox

Dans ce chapitre, on va découvrir le principe des flexbox. C'est un mode de mise en page extrêmement pratique pour aligner des éléments,...

Junior

Les unités de mesures

Dans ce chapitre, on va faire une petite parenthèse sur les unités de mesure en CSS. C'est un sujet important, car on les rencontre...

Junior

Le modèle de boîte

Dans ce chapitre nous allons voir une notion essentielle en CSS : le modèle de boîte. C'est ce modèle qui permet de comprendre comment...

Junior

Les couleurs

Dans ce chapitre je vous propose de nous attarder sur les couleurs et nous allons voir les différentes manières de définir des couleurs...

Junior

Style de fond et bordure

Dans ce chapitre, on va découvrir comment styliser l'arrière-plan et les contours d'un élément. Ce sont des propriétés très...

Junior

Styles de textes

Ce chapitre est l'occasion de découvrir les premières vraies propriétés CSS mais aussi de comprendre un mécanisme fondamental...

Junior

Les sélecteurs

Les sélecteurs sont au cœur du CSS : ce sont eux qui permettent de cibler précisément les éléments auxquels on veut appliquer...

Junior

Présentation du CSS

Quand on commence à apprendre le développement web, la première étape passe généralement par l'HTML : un langage qui permet de...

Junior

Animer le changement de thème

Dans cette vidéo je vous propose de découvrir comment on peut utiliser le système de ViewTransition pour dynamiser le changement...

Junior

La syntaxe Markdown

Le Markdown est une syntaxe incontournable pour tout développeur que l'on retrouve partout : dans les fichiers README.md sur GitHub,...