CSS Tutoriels
Les tutoriels CSS offrent un parcours d'apprentissage structuré pour le style et le design web. Ils couvrent les propriétés CSS3, les techniques de mise en page et le design réactif, adaptés aux développeurs web débutants et intermédiaires. Grâce à des laboratoires pratiques et des exemples concrets, vous acquerrez de l'expérience dans la création de mises en page web attrayantes et réactives. Notre terrain de jeu CSS interactif vous permet d'expérimenter différents styles et de voir des résultats visuels instantanés.
Autres Arbres de Compétences
LinuxDevOpsCybersécuritéDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxFormation RHCSAFormation RHCE in Enterprise LinuxFormation LFCSShellGitDockerKubernetesFormation CKAFormation CKADFormation CKSAnsibleFormation RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABase de donnéesMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Développement webScience des données
Créer un Pixel Art Animator avec React
Dans ce projet, nous vous guiderons tout au long de la construction d'un Pixel Art Animator simple à l'aide de React. À la fin de ce guide, vous aurez un éditeur d'art pixelisé de base où vous pourrez dessiner votre art pixelisé et voir l'animation résultante. Ce projet est accessible aux débutants et offre un moyen amusant d'immerger vous dans le monde de React et de l'art pixelisé !
ReactCSS
Construire une application de liste de souhaits de Noël avec React
Ce projet vous guide dans la construction d'une application web génératrice de liste de souhaits de Noël festive utilisant React. L'application propose un beau fond d'écran au thème de Noël et une charmante animation de neige, renforçant l'ambiance des fêtes. Les utilisateurs peuvent ajouter des souhaits à un mur de souhaits semi-transparent, et chaque souhait est présenté sous forme de carte postale. Nous utiliserons React pour le frontend et CSS pour la mise en forme et les animations.
ReactCSS
Cube 3D en rotation
Dans ce laboratoire, nous allons créer un cube 3D en rotation en utilisant HTML et CSS. Ce cube aura des faces colorées et tournera indéfiniment, créant un effet visuellement attrayant. Nous vous guiderons à chaque étape du processus pour vous aider à construire ce projet depuis le début.
CSS
Boutons de partage social animés avec CSS
Dans ce Lab, vous apprendrez à créer des boutons de partage social animés en utilisant HTML et CSS3. Ces boutons utilisent la bibliothèque Font Awesome pour les icônes et sont stylisés avec CSS pour offrir un effet de transition fluide au survol. À la fin de ce guide, vous disposerez d'un ensemble de boutons sociaux beaux et réactifs que vous pourrez intégrer à n'importe quel site web.
CSS
Créer une application web avec un carrousel Swiper
Dans ce projet, vous allez apprendre à créer une application web avec un carrousel Swiper qui présente une disposition visuellement attrayante avec un contenu thématiques cosmique. L'application permettra aux utilisateurs de naviguer entre différentes diapositives et de visualiser des cartes contenant des informations intéressantes sur l'univers.
CSS
Créer une application web de Morpion (Tic-Tac-Toe)
Dans ce projet, vous apprendrez à créer un jeu de Morpion en utilisant HTML, CSS et JavaScript. Le Morpion est un jeu à deux joueurs où chacun marque à tour de rôle un X ou un O dans une grille 3x3. L'objectif est d'aligner trois symboles, horizontalement, verticalement ou en diagonale. Vous créerez les fichiers HTML, CSS et JavaScript nécessaires et implémenterez la logique du jeu étape par étape.
CSS
Animations et transitions
Dans le monde animé de 'Pet's House', un sanctuaire virtuel pour les amateurs de bêtes, Taylor, un créatif concepteur web, entreprend un voyage pour infuser de la vie dans le site web.
CSS
Bases du CSS et Sélecteurs
Dans ce laboratoire, vous prendrez les devants en tant que développeur web chargé de créer un site web élégant pour un service d'animal de compagnie en utilisant les techniques et les sélecteurs de base du CSS.
CSS
Modèle de boîte CSS et marges
Dans le paysage numérique animé de 'Pet's House', un site web dédié à la prestation de services de soins premium pour les animaux, notre protagoniste, Jordan, un talentueux développeur web, est chargé d'améliorer la mise en page et la conception du site.
CSS
Site web responsive de Pet's House avec Flexbox
Dans la ville animée de Petville, Jordan, un développeur web, est chargé de redessiner le site web 'Pet's House'.
CSS
Présentation des services pour animaux de compagnie avec la grille CSS
Dans 'La Maison des Animaux', un univers virtuel pour les amateurs d'animaux, Alex, un développeur web, entreprend une quête pour moderniser la présentation de leurs services en utilisant la grille CSS.
CSS
Votre premier laboratoire CSS
Bonjour et bienvenue sur LabEx! Dans ce premier laboratoire, vous allez apprendre le programme classique 'Hello, World!' en CSS.
CSS
Créer une carte de visite visuellement attrayante
Dans ce projet, vous allez apprendre à créer une carte de visite professionnelle avec HTML et CSS. L'objectif est de créer une carte de visite visuellement attrayante et bien structurée qui peut être utilisée pour présenter les informations d'un utilisateur.
CSS
Conception web responsive pour tous les écrans
Dans ce projet, vous allez apprendre à créer une conception web responsive qui s'adapte à différentes tailles d'écran. L'objectif est de développer une page web qui offre une expérience utilisateur agréable pour les utilisateurs de bureau et de mobile.
CSS
Conception de page d'accueil simple et élégante
Dans ce projet, vous allez apprendre à créer une mise en page de page d'accueil simple et élégante pour le site web du LabEx Knowledge Network. L'objectif est de concevoir une page d'accueil esthétiquement agréable qui présente efficacement le contenu et les fonctionnalités du site web.
CSS
Conception web responsive avec Gulp
Dans ce projet, vous allez apprendre à implémenter une mise en page responsive pour un site web, similaire au site officiel de Gulp.js. Vous utiliserez des requêtes média pour ajuster la mise en page et les styles de la page web en fonction de la taille de l'écran.
CSS
Agencement des sièges dans un cinéma
Dans ce projet, vous allez apprendre à créer un agencement de sièges pour un cinéma à l'aide de CSS. L'objectif est de concevoir une mise en page qui inclut un écran et une zone de sièges avec des exigences d'espacement spécifiques.
CSS
Effet d'animation au survol ressemblant à un ventilateur en CSS
Dans ce projet, vous allez apprendre à créer un effet ressemblant à un ventilateur à l'aide de CSS. En faisant tourner et agrandir une série d'éléments div, vous serez capable d'obtenir une animation dynamique et visuellement attrayante qui s'étend lorsqu'utilisateur survole l'élément.
CSS
- Précédent
- 1
- 2
- 3
- 4
- 5
- 6
- Suivant