Flux
Toutes les sources

Grafikart (YouTube)

23 articles Flux RSS
Programmation Web
Le reset CSS YouTube
Programmation Web

Le reset CSS

🔗 Article : https://grafikart.fr/tutoriels/css-reset-2332 Dans ce chapitre, on va faire une petite parenthèse sur une technique très utilisée en CSS : le **reset CSS**. L'idée consiste à neutraliser les styles par défaut du navigateur pour repartir sur une base plus propre et plus prévisible. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Utiliser des polices personnalisées en CSS YouTube
Programmation Web

Utiliser des polices personnalisées en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-font-face-2331 Dans ce chapitre, on va découvrir comment charger des **polices personnalisées** dans notre site. C'est souvent une étape obligatoire dans l'intégration d'une maquette car les designers utilisent souvent des polices bien précises pour donner une identité visuelle au projet. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr…

Grafikart (YouTube)
Design responsive en CSS YouTube
Programmation Web

Design responsive en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-responsive-2330 Dans ce chapitre, on va aborder une notion essentielle en CSS : le **responsive design**. L'objectif de cette pratique consiste à faire en sorte qu'un site s'adapte correctement à tous les types de périphérique (écran, tablette, mobile...). ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Les grilles en CSS YouTube
Programmation Web

Les grilles en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-grid-2329 Dans ce chapitre, on va découvrir le principe des **grilles** en CSS. On a déjà vu qu'avec `display: flex`, on pouvait aligner des éléments selon un axe principal. Avec `display: grid`, on change d'approche : au lieu de raisonner en ligne ou en colonne, on définit directement une **grille** prédéfinie dans laquelle les éléments enfant vont venir se placer. ______________________ Soutenir la chaîne : ⭐ Devenez premium :…

Grafikart (YouTube)
Le positionnement en CSS YouTube
Programmation Web

Le positionnement en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-position-2328 Dans ce chapitre, on va s'intéresser au **positionnement** en CSS. C'est un mécanisme très pratique dès qu'on veut afficher un élément au-dessus d'un autre, créer une modale, placer un badge de notification ou faire en sorte qu'un bloc reste visible pendant le défilement. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬…

Grafikart (YouTube)
Pratiquer le CSS : Créer une carte produit YouTube
Programmation Web

Pratiquer le CSS : Créer une carte produit

🔗 Article : https://grafikart.fr/tutoriels/css-tp-card-2326 Dans ce premier TP, on va pratiquer sur un exemple simple avant d'attaquer une maquette plus complète. L'objectif est d'intégrer une **carte produit** en HTML et CSS, avec une image, une catégorie, un titre, un prix, une description et un lien. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Les flexbox en CSS YouTube
Programmation Web

Les flexbox en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-flexbox-2325 Dans ce chapitre, on va découvrir le principe des **flexbox**. C'est un mode de mise en page extrêmement pratique pour aligner des éléments, les espacer, les centrer ou répartir automatiquement l'espace disponible. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Les unités de mesures en CSS YouTube
Programmation Web

Les unités de mesures en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-units-2324 Dans ce chapitre, on va faire une petite parenthèse sur les unités de mesure en CSS. C'est un sujet important, car on les rencontre partout : pour la taille du texte, les espacements, les dimensions des blocs ou encore les mises en page responsives. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Le modèle de boîte en CSS YouTube
Programmation Web

Le modèle de boîte en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-box-model-2323 Dans ce chapitre nous allons voir une notion essentielle en CSS : le **modèle de boîte**. C'est ce modèle qui permet de comprendre comment les éléments HTML occupent l'espace dans une page, comment ils se dimensionnent. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Comment décrire une couleur en CSS ? YouTube
Programmation Web

Comment décrire une couleur en CSS ?

🔗 Article : https://grafikart.fr/tutoriels/css-colors-2322 Dans ce chapitre je vous propose de nous attarder sur les couleurs et nous allons voir les différentes manières de définir des couleurs en CSS. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Styles de fond & bordures en CSS YouTube
Programmation Web

Styles de fond & bordures en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-background-border-2321 Dans ce chapitre, on va découvrir comment styliser l'arrière-plan et les contours d'un élément. Ce sont des propriétés très utilisées en CSS car elles permettent rapidement de donner du relief à une interface, de structurer visuellement une zone et de mieux faire ressortir certains éléments. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter :…

Grafikart (YouTube)
Les styles de texte en CSS YouTube
Programmation Web

Les styles de texte en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-text-style-2320 Ce chapitre est l'occasion de découvrir les premières vraies propriétés CSS mais aussi de comprendre un mécanisme fondamental du langage : l'héritage, à l'origine du mot _Cascading_ dans CSS. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Les sélecteurs CSS YouTube
Programmation Web

Les sélecteurs CSS

🔗 Article : https://grafikart.fr/tutoriels/css-selector-2319 Les sélecteurs sont au cœur du CSS : ce sont eux qui permettent de cibler précisément les éléments auxquels on veut appliquer un style. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)
Introduction au CSS YouTube
Programmation Web

Introduction au CSS

🔗 Article : https://grafikart.fr/tutoriels/css-presentation-2318 Quand on commence à apprendre le développement web, la première étape passe généralement par l'HTML : un langage qui permet de structurer le contenu d'une page. Le problème, c'est qu'une page HTML brute est particulièrement austère. Pour lui donner vie et lui apporter un vrai design, on va devoir utiliser le **CSS**. CSS signifie **Cascading Style Sheet** (feuille de style en cascade). C'est le langage qui s'occupe de la mise en…

Grafikart (YouTube)
Je refais la formation CSS YouTube
Programmation Web

Je refais la formation CSS

🔗 Voir la formation : https://grafikart.fr/formations/apprendre-css Petite vidéo pour justifier mon absence de vidéo récente et vous annoncer la sortie de la version 2026 de la formation CSS. L'occasion de réorganiser l'ordre d'apprentissage et de voir un CSS plus moderner que la précédente formation qui commençait à se faire un peu vieille. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter :…

Grafikart (YouTube)
Esc