Flux
Toutes les sources

Grafikart (YouTube)

47 articles Flux RSS
Programmation Web
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)
La syntaxe Markdown YouTube
Programmation Web

La syntaxe Markdown

🔗 Article : https://grafikart.fr/tutoriels/markdown-377 Le Markdown est une syntaxe incontournable pour tout développeur que l'on retrouve partout : dans les fichiers `README.md` sur GitHub, dans les commentaires d'issues, dans les outils de prise de note comme [Obsidian](https://obsidian.md/) ou [Notion](https://www.notion.so/), et même dans les systèmes de commentaires de certains sites. Dans cet article on va voir ensemble ce qu'est le Markdown, sa syntaxe de base et ses extensions les plus…

Grafikart (YouTube)
Créer des animations avec du Code (Motion Canvas) YouTube
Programmation Web

Créer des animations avec du Code (Motion Canvas)

🔗 Article : https://grafikart.fr/tutoriels/motion-canvas-animation-code-2313 Quand on a besoin de créer des vidéos techniques, ajouter des animations est un bon moyen d'améliorer les explications et la compréhension. Malheureusement les logiciels d'animation classiques ne sont pas adaptés à ce type de contenu et c'est là que Motion Canvas intervient - 00:00 Introduction - 01:24 Installation - 03:25 Première animation - 07:04 Les refs - 08:10 Les signaux - 05:00 Les signaux - 15:40 Les layouts…

Grafikart (YouTube)
Attacher des fichiers à vos models Eloquent YouTube
Programmation Web

Attacher des fichiers à vos models Eloquent

🔗 Article : https://grafikart.fr/tutoriels/has-media-laravel-2312 Quand on a besoin d'attacher des fichiers à nos modèles Eloquent, on pense souvent à des packages comme Spatie MediaLibrary. Le problème, c'est que ces extensions créent une table séparée pour gérer les médias. Dans certaines situations, on veut quelque chose de plus simple : sauvegarder directement le nom du fichier dans la table du modèle. Dans cet article, on va voir comment créer un trait `HasMedia` qui permet de gérer cela…

Grafikart (YouTube)