Flux
Toutes les sources

Grafikart (YouTube)

47 articles Flux RSS
Programmation Web
J'ai quitté Google Workspace, retour d'expérience YouTube
Programmation Web

J'ai quitté Google Workspace, retour d'expérience

🔗 Article : https://grafikart.fr/blog/google-workspace-ksuite Cela fait plusieurs mois que j'ai migré mes emails en quittant Google Google Workspace et je vous propose de partager avec vous mon expérience. 00:00 Pourquoi j'ai quitté Workspace 02:25 Les remplaçants 04:50 Migration vers KSuite 11:44 Retour d'expérience ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Comment organiser son CSS YouTube
Programmation Web

Comment organiser son CSS

🔗 Article : https://grafikart.fr/tutoriels/css-organisation-2341 Dans ce chapitre, on va s'intéresser à un problème que l'on rencontre assez rapidement quand on commence à appliquer le CSS : comment s'organiser ? ______________________ 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 calques en CSS YouTube
Programmation Web

Les calques en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-layers-2340 Dans ce chapitre, on va revenir sur une notion importante en CSS : la **spécificité**. On va aussi découvrir un nouvel outil très utile pour mieux organiser nos styles : les **calques** . ______________________ 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 animations en CSS YouTube
Programmation Web

Les animations en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-animations-2338 Dans ce chapitre, on va découvrir les **transitions** et les **animations** en CSS. Ce sont deux mécanismes proches, mais ils ne répondent pas exactement au même besoin. ______________________ 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 transformations en CSS YouTube
Programmation Web

Les transformations en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-transform-2337 Dans ce chapitre, on va s'intéresser à la propriété **`transform`** qui permet d'appliquer des transformations à un élément (le déplacer, le redimensionner, le faire tourner ou encore le déformer). ______________________ 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)
Overflow en CSS YouTube
Programmation Web

Overflow en CSS

🔗 Article : https://grafikart.fr/tutoriels/css-overflow-2336 Dans ce chapitre, on va découvrir la propriété **`overflow`**. Elle permet de gérer ce qu'il se passe lorsqu'un contenu dépasse de son conteneur, et notamment de contrôler l'apparition des zones de défilement. ______________________ 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 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)