Flux
Toutes les sources

Grafikart (YouTube)

40 articles Flux RSS
Programmation Web
Les pseudo éléments en CSS YouTube
Programmation Web

Les pseudo éléments en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-pseudo-elements-2335 Dans ce chapitre, on va découvrir le principe des **pseudo-éléments**. Ils permettent de cibler une partie d'un élément ou de générer un contenu visuel sans avoir besoin d'ajouter un nouvel élément dans le HTML. ______________________ 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 variables CSS YouTube
Programmation Web

Les variables CSS

🔗 Article : https://grafikart.fr/tutoriels/css-variables-2334 Dans ce chapitre, on va découvrir le principe des **variables CSS**. C'est une fonctionnalité très pratique qui permet d'éviter les répétitions et de centraliser certaines valeurs importantes comme les couleurs, les espacements ou les dimensions. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
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)