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.
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.
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.
Création d’une interface fluide 2 CSS26
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.
Analyse de la cible, tendances et concurrence WEB03
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.
Création d’une interface fluide CSS25
Cet exercice, pas à pas, consiste à créer une interface de site web simple et fluide sur une colonne avec un menu horizontal.
Les listes en HTML HTML07
Cet exercice consiste à créer et à personnaliser des listes à puces ou des listes numérotées en HTML.
Ma première page web, pas à pas HTML06
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.
Mixins et listes Sass CSS24
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.
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
Manipulations de base avec jQuery jquery03
Cet exercice consiste à essayer certaines fonctionnalités de jQuery permettant de manipuler des éléments du DOM.
Flexbox en CSS CSS21
Cet exercice consiste à explorer les possibilités offertes par les boites flexibles en CSS.
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.