Flux
Toutes les sources

Grafikart (YouTube)

35 articles Flux RSS
Programmation Web
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)
L'API Temporal en JavaScript (finit les Date !) YouTube
Programmation Web

L'API Temporal en JavaScript (finit les Date !)

🔗 Article : https://grafikart.fr/tutoriels/temporal-date-js-2316 Aujourd'hui je vous propose de découvrir l'objet [Temporal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal) qui permet de de remplacer l'objet `Date` avec une gestion plus rigoureuse des fuseaux horaires, des objets dédiés à chaque cas d'usage (date seule, heure seule, date avec timezone…), des opérations arithmétiques claires et une immutabilité par défaut. ______________________…

Grafikart (YouTube)
Animer le changement de thème sur son site YouTube
Programmation Web

Animer le changement de thème sur son site

🔗 Article : https://grafikart.fr/tutoriels/theme-switcher-circle-2315 Dans cette vidéo je vous propose de découvrir comment on peut utiliser le système de `ViewTransition` pour dynamiser le changement de thème sur un site avec un effet de cercle qui grandit et qui masque la page. ______________________ 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)
L'IA s'invite sur mes missions Freelance YouTube
Programmation Web

L'IA s'invite sur mes missions Freelance

🔗 Article : https://grafikart.fr/blog/impact-llm-freelance-ia Qu'on le veuille ou non, l'IA s'invite dans notre activité de freelance à travers les clients et les projets sur lesquels on est amené à travailler et elle est de plus en plus présente. Aussi, aujourd'hui je voulais partager avec l'évolution que j'ai pu observer dans la place qu'à l'IA dans mes projets Freelance. 00:00 Introduction 00:41 Reprise de projet IA 04:53 Revue de code par IA 08:49 Evolution et maintenance via IA 11:18 Le…

Grafikart (YouTube)