Thème des exercices : CSS

Cet exercice consiste à modifier un thème fourni afin de pouvoir gérer une version sombre et une version claire à l’aide de variables CSS.

Cet exercice se compose de plusieurs petits exercices tournant autour de l’utilisation des pseudos éléments ::before et ::after.

Plusieurs petits exercices consistant à tester les principes du positionnement adhérent sticky en CSS en reproduisant des modèles.

Plusieurs petits exercices consistant à tester les principes du positionnement absolu en CSS en reproduisant des modèles.

Plusieurs petits exercices consistant à tester les principes du positionnement relatif en CSS en reproduisant des modèles.

Cet exercice consiste à explorer les possibilités offertes par les boites flexibles en CSS.

L’objectif de cet exercice est de s’initier aux animations CSS.

Cet exercice consiste à créer un menu horizontal en CSS en utilisant les propriétés de flexbox pour en disposer les éléments.

Cet exercice consiste à créer des interfaces web variées en utilisant les possibilités offertes par le système de grille de CSS.

L’objectif de cet exercice est de tester les différentes possibilités offertes par le module de transformation 2D de CSS.

Cet exercice consiste à composer les différentes pages d’une bande dessinée en utilisant le système de grille de CSS.

Cet exercice consiste à explorer les possibilités offertes par le système de grille de CSS.

Cet exercice consiste à dessiner un renard en HTML et CSS puis à l’animer en CSS.

Cet exercice, pas à pas, consiste à créer une interface de site web simple avec un menu vertical dans une colonne à droite et un contenu fluide.

Cet exercice, pas à pas, consiste à créer une interface de site web simple et fluide sur une colonne avec un menu horizontal.

Cet exercice consiste à utiliser le langage sass afin de créer diverses fonctions et mixins avec en utilisant des listes et des tableaux indexés (maps).

Cet exercice consiste à rendre adaptable (au sens de responsive web design) une interface web fournie.

Cet exercice consiste à reconstruire un décor avec des éléments fournies au format SVG, puis d’en faire l’animation via CSS.

Cet exercice consiste à créer un cube à l’aide des transformations 3D puis de l’animer et enfin de le personnaliser. Consignes de l’exercice