Gestion d’un thème clair/sombre avec des variables CSS css40
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.
Les pseudo éléments CSS39
Cet exercice se compose de plusieurs petits exercices tournant autour de l’utilisation des pseudos éléments ::before et ::after.
Positionnement en adhérence (sticky) CSS38
Plusieurs petits exercices consistant à tester les principes du positionnement adhérent sticky en CSS en reproduisant des modèles.
Positionnement absolu CSS37
Plusieurs petits exercices consistant à tester les principes du positionnement absolu en CSS en reproduisant des modèles.
Positionnement relatif CSS36
Plusieurs petits exercices consistant à tester les principes du positionnement relatif en CSS en reproduisant des modèles.
WordPress : Création de contenu 2 WP07
Cet exercice concerne la création d’article et de page sur WordPress. Il s’agit de construire du contenu afin de découvrir les possibilités de Gutenberg.
Mise en ligne : Filezilla sans HTML WEB04
Cette exercice porte sur la mise en ligne de fichiers avec le logiciel Filezilla. Il s’agit d’effectuer des manipulations de fichiers et d’observer le résultat en ligne.
Flexbox en CSS CSS35
Cet exercice consiste à explorer les possibilités offertes par les boites flexibles en CSS.
Animations de base en CSS CSS34
L’objectif de cet exercice est de s’initier aux animations CSS.
Flexbox : menu horizontal CSS33
Cet exercice consiste à créer un menu horizontal en CSS en utilisant les propriétés de flexbox pour en disposer les éléments.
Grid Layout : interfaces web CSS32
Cet exercice consiste à créer des interfaces web variées en utilisant les possibilités offertes par le système de grille de CSS.
Transformations 2D de base en CSS CSS31
L’objectif de cet exercice est de tester les différentes possibilités offertes par le module de transformation 2D de CSS.
Manipulations de base en SCSS CSS30
Cet exercice consiste à effectuer une série de manipulations en utilisant le langage SCSS.
Pepper & Carrot : Grid CSS29
Cet exercice consiste à composer les différentes pages d’une bande dessinée en utilisant le système de grille de CSS.
Grid Layout CSS28
Cet exercice consiste à explorer les possibilités offertes par le système de grille de CSS.
Animations CSS : Renard CSS27
Cet exercice consiste à dessiner un renard en HTML et CSS puis à l’animer en CSS.
Création d’une interface fluide 2 CSS26
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.
Analyse de la cible, tendances et concurrence WEB03
Cet exercice est un récapitulatif des étapes préparatoires concernant l’analyse de la cible et l’étude de marche lors de la conception d’un nouveau site Internet.
Création d’une interface fluide CSS25
Cet exercice, pas à pas, consiste à créer une interface de site web simple et fluide sur une colonne avec un menu horizontal.
Les listes en HTML HTML07
Cet exercice consiste à créer et à personnaliser des listes à puces ou des listes numérotées en HTML.