Mixins et listes Sass CSS24
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).
Interface adaptable (responsive) en CSS CSS23
Cet exercice consiste à rendre adaptable (au sens de responsive web design) une interface web fournie.
Voiture SVG et animations CSS CSS22
Cet exercice consiste à reconstruire un décor avec des éléments fournies au format SVG, puis d’en faire l’animation via CSS.
Cubes animés en CSS CSS21
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 Pour les deux cubes suivant, il est …
Manipulations de base avec jQuery jquery03
Cet exercice consiste à essayer certaines fonctionnalités de jQuery permettant de manipuler des éléments du DOM.
Site Onepage et SCSS CSS20
Cet exercice consiste à construire une interface web de type onepage, puis à convertir les styles CSS créés afin de les présenter en exploitant les avantages de SCSS.
Positionnement fixe CSS19
Plusieurs petits exercices consistant à tester les principes du positionnement fixe en CSS en reproduisant des modèles.
Montage : Macareux IMG28
Cet exercice consiste à élargir une image. Pour cela, il faut détourez les objets puis les réassembler dans un espace de travail agrandi. Consignes de l’exercice
Tri et filtres : Indicateurs lycées TAB06
Cet exercice tourne autour de l’utilisation des fonctionnalités de tri et de filtrage des données sur un logiciel tableur.
Transitions CSS : Boutons CSS18
Cet exercice consiste à reproduire à partir d’un modèle des boutons en respectant des effets de transitions CSS
Affichage en onglets avec jQuery jquery02
Cet exercice consiste à créer un système d’affichage sous la forme d’onglets en utilisant le framework jQuery.
Fenêtre modale avec jQuery jquery01
L’objectif de cet exercice est de créer une fenêtre modale en HTML et CSS dont l’affichage sera contrôlé avec jQuery, le fameux framework javascript.
Transitions CSS : Birds Gallery CSS17
Cet exercice consiste à utiliser des transitions css pour gérer l’affichage d’une galerie d’images. Dans un second temps, la galerie doit être rendue totalement fonctionnelle avec javascript.
Inspecteur de code HTML05
Cet exercice propose d’utiliser les outils de développement et fonctionnalités offertes par les navigateurs pour récupérer des données présentes sur une page web afin d’en construire une autre.
Animation CSS : Pacman CSS16
Cet exercice consiste à utiliser des animations css pour animer un tableau de pacman.
Animation CSS : Solo Lyon CSS15
Cet exercice consiste créer une animation en CSS. L’exercice a plusieurs niveaux de difficultés, il peut être effectué à partir de fichiers .png ou .svg.
Remplissage : Zombie IMG27
Cet exercice consiste à utiliser l’outil remplir et la pipette pour colorer un dessin.
Créer une palette de couleur CSS14
Cet exercice consiste à générer une palette de couleurs avec des outils en ligne puis à la présenter proprement en HTML et CSS.
Flexbox : Mise en forme d’une page 2 CSS13
Cet exercice consiste a définir une maquette de page pas à pas en utilisant un positionnement flexible pour disposer les éléments HTML.
Flexbox : Mise en forme d’une page CSS12
Cet exercice consiste à définir une maquette de page pas à pas, à partir d’une page HTML fournie, en utilisant un positionnement flexible.