Animations CSS : Renard CSS27
Cet exercice consiste à dessiner un renard en HTML et CSS puis à l’animer en 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 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.
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 à créer et à personnaliser des listes à puces ou des listes numérotées en HTML.
Cet exercice consiste à créer pas à pas sa première page web en créant la structure de base puis en utilisant des balises simples.
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
Cet exercice consiste à essayer certaines fonctionnalités de jQuery permettant de manipuler des éléments du DOM.
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 à créer un système d’affichage sous la forme d’onglets en utilisant le framework jQuery.
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.
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 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.
Cet exercice consiste à utiliser des animations css pour animer un tableau de pacman.
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.