Thème des exercices : Web

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 Pour les deux cubes suivant, il est …

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.

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

Cet exercice consiste à reproduire à partir d’un modèle des boutons en respectant des effets de transitions CSS

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.

Cet exercice consiste à utiliser des animations css pour animer un tableau de pacman.