Thème des exercices : 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.

Consignes de l’exercice Une liste de réseau sociaux : facebook, flickr, linkedin, twitter, vimeo et youtube ; Une couleur pour chaque service : #3b5998, #0063db, #007bb6, #00aced, #aad450, #bb0000.

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

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

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.

Cet exercice consiste à reproduire des modèles en positionnant des éléments html en absolu ou en relatif.

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.