Animation d’un slider en CSS pas à pas CSS42
Cette exercice pas à pas est destiné à vous guider lors de la création d’un slider d’images animé en CSS.
Animations en CSS pas à pas CSS41
Cette exercice pas à pas est destiné à vous guider pour la création d’une première animation en CSS.
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.
Alignement de blocs PAO16
Cet exercice consiste à gérer des alignements de blocs en utilisant exclusivement les options du panneau Alignement.
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.
Pot de peinture et pipette IMG34
Cet exercice consiste à re-colorier un dessin sur Photoshop en utilisant la pipette et le pot de peinture.
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.