WebDesign | Créa-blog https://blog.crea-troyes.fr Ressources pour développeur web Fri, 26 Jun 2026 20:31:50 +0000 fr-FR hourly 1 https://wordpress.org/?v=7.0 https://blog.crea-troyes.fr/wp-content/uploads/2024/03/logo.png WebDesign | Créa-blog https://blog.crea-troyes.fr 32 32 Animation ancre de lien en CSS : Un effet moderne en CSS pur https://blog.crea-troyes.fr/16141/animation-ancre-de-lien-en-css-un-effet-moderne-en-css-pur/ Mon, 22 Jun 2026 17:27:32 +0000 https://blog.crea-troyes.fr/?p=16141 Créez une ancre de lien animée en CSS pur pour améliorer la navigation de vos pages. Une technique simple, moderne et sans JavaScript qui rend immédiatement vos contenus plus agréables à parcourir.

Lien vers l'article : Animation ancre de lien en CSS : Un effet moderne en CSS pur.

]]> Dessiner un triangle en CSS grâce à la propriété border https://blog.crea-troyes.fr/16026/dessiner-un-triangle-en-css-grace-a-la-propriete-border/ Fri, 19 Jun 2026 09:51:59 +0000 https://blog.crea-troyes.fr/?p=16026 Apprenez à créer facilement un triangle en CSS grâce à la propriété border. Une technique simple, légère et pratique pour réaliser flèches, infobulles et éléments graphiques sans utiliser d'images supplémentaires.

Lien vers l'article : Dessiner un triangle en CSS grâce à la propriété border.

]]> Animation CSS d’un champ input radio : Tuto + code https://blog.crea-troyes.fr/15800/animation-css-dun-champ-input-radio-le-guide-complet/ Sun, 14 Jun 2026 15:21:31 +0000 https://blog.crea-troyes.fr/?p=15800 Apprenez à transformer un simple champ input radio en élément moderne et interactif grâce à des animations CSS fluides. Des exemples concrets pour améliorer facilement l'expérience utilisateur de vos formulaires web.

Lien vers l'article : Animation CSS d’un champ input radio : Tuto + code.

]]> La propriété CSS letter-spacing pour animer une Checkbox https://blog.crea-troyes.fr/15703/la-propriete-css-letter-spacing-pour-animer-une-checkbox/ Thu, 11 Jun 2026 16:18:39 +0000 https://blog.crea-troyes.fr/?p=15703 Apprenez à créer une animation checkbox élégante en CSS grâce à la propriété letter-spacing. Une technique simple, moderne et sans JavaScript pour rendre vos formulaires plus interactifs et professionnels facilement.

Lien vers l'article : La propriété CSS letter-spacing pour animer une Checkbox.

]]> Checkbox CSS : 5 styles modernes à copier / coller https://blog.crea-troyes.fr/15408/checkbox-css-5-styles-modernes-a-copier-coller/ Sat, 30 May 2026 20:53:51 +0000 https://blog.crea-troyes.fr/?p=15408 Apprenez à styliser des checkbox CSS modernes avec des effets minimalistes, animés et interactifs. Un tutoriel simple pour améliorer vos formulaires HTML grâce à exemples pratiques, accessibles même si vous débutez en CSS.

Lien vers l'article : Checkbox CSS : 5 styles modernes à copier / coller.

]]> Marquer un lien externe en CSS facilement : Icône flèche https://blog.crea-troyes.fr/15288/marquer-un-lien-externe-en-css-facilement-icone-fleche/ Mon, 25 May 2026 19:41:52 +0000 https://blog.crea-troyes.fr/?p=15288 Apprenez à marquer automatiquement un lien extérieur en CSS ayant target="_blank". Une technique simple pour améliorer l’expérience utilisateur, ajouter une icône flèche élégante et rendre vos liens externes plus clairs sur votre site web.

Lien vers l'article : Marquer un lien externe en CSS facilement : Icône flèche.

]]> CSS bouton radio : 5 exemples de design moderne en 2026 https://blog.crea-troyes.fr/15142/css-bouton-radio-5-exemples-de-design-moderne-en-2026/ Fri, 22 May 2026 19:33:45 +0000 https://blog.crea-troyes.fr/?p=15142 Découvrez comment transformer un simple bouton radio HTML en interface moderne grâce à cinq designs CSS élégants, responsives et accessibles Cartes interactives, toggles futuristes et effets premium amélioreront l’expérience utilisateur de formulaires.

Lien vers l'article : CSS bouton radio : 5 exemples de design moderne en 2026.

]]> Backdrop-filter CSS : Effet de flou dynamique au scroll https://blog.crea-troyes.fr/14686/backdrop-filter-css-effet-de-flou-dynamique-au-scroll/ Tue, 12 May 2026 20:55:20 +0000 https://blog.crea-troyes.fr/?p=14686 Effet de verre dépoli, transparence moderne et animation fluide : apprenez à créer un header dynamique avec backdrop-filter en CSS et JavaScript grâce à un tutoriel détaillé, accessible aux débutants et facilement réutilisable partout.

Lien vers l'article : Backdrop-filter CSS : Effet de flou dynamique au scroll.

]]> Animation Background CSS : Un fond animé qui change de couleur https://blog.crea-troyes.fr/14485/animation-background-css-un-fond-anime-qui-change-de-couleur/ Thu, 07 May 2026 19:36:06 +0000 https://blog.crea-troyes.fr/?p=14485 Apprenez à créer une animation background en CSS avec un changement de couleur fluide et moderne. Un tutoriel simple et détaillé pour débutants afin d’animer facilement le fond d’une page web.

Lien vers l'article : Animation Background CSS : Un fond animé qui change de couleur.

]]> Menu coulissant moderne et responsive en CSS + code complet https://blog.crea-troyes.fr/14463/menu-coulissant-moderne-et-responsive-en-css-code-complet/ Wed, 06 May 2026 10:04:22 +0000 https://blog.crea-troyes.fr/?p=14463 Apprenez à créer un menu coulissant moderne en overlay uniquement avec HTML et CSS. Un tutoriel détaillé pour débutants afin de réaliser une navigation responsive, fluide et professionnelle sans JavaScript.

Lien vers l'article : Menu coulissant moderne et responsive en CSS + code complet.

]]> 5 exemples de tableau responsive CSS moderne + Code complet https://blog.crea-troyes.fr/14351/5-exemples-de-tableau-responsive-css-modern-code-complet/ Mon, 04 May 2026 13:42:02 +0000 https://blog.crea-troyes.fr/?p=14351 Apprenez à créer un tableau responsive en CSS à partir d’une base HTML simple. Rendez vos données lisibles sur mobile et découvrez des techniques efficaces pour adapter vos tableaux à tous les écrans.

Lien vers l'article : 5 exemples de tableau responsive CSS moderne + Code complet.

]]> Logo vectoriel à partir d’une image avec Pixelmator | Tutoriel https://blog.crea-troyes.fr/14164/logo-vectoriel-a-partir-dune-image-avec-pixelmator-tutoriel/ Mon, 27 Apr 2026 10:30:11 +0000 https://blog.crea-troyes.fr/?p=14164 Transformez facilement votre image en logo vectoriel avec Pixelmator. Suivez une méthode simple pour obtenir un rendu net, professionnel et parfait pour impression, web ou supports publicitaires durables.

Lien vers l'article : Logo vectoriel à partir d’une image avec Pixelmator | Tutoriel.

]]> Effet de surlignage animé CSS : Tutoriel + code complet https://blog.crea-troyes.fr/14080/effet-de-surlignage-anime-css-tutoriel-code-complet/ Sat, 25 Apr 2026 17:48:11 +0000 https://blog.crea-troyes.fr/?p=14080 Apprenez à créer un effet de surlignage animé en CSS pour moderniser vos textes. Tutoriel simple, design élégant, hover fluide, personnalisable et accessible même aux débutants sur web.

Lien vers l'article : Effet de surlignage animé CSS : Tutoriel + code complet.

]]> Exemples de bouton like en CSS : WebDesign + Code complet https://blog.crea-troyes.fr/14026/exemples-de-bouton-like-en-css-webdesign-code-complet/ Fri, 24 Apr 2026 09:13:42 +0000 https://blog.crea-troyes.fr/?p=14026 Créez un bouton like en CSS pur avec deux exemples complets, modernes et animés. Apprenez à améliorer l’interactivité de votre site sans JavaScript, simplement avec HTML et CSS.

Lien vers l'article : Exemples de bouton like en CSS : WebDesign + Code complet.

]]> Design pagination : 4 exemples CSS modernes + Code complet https://blog.crea-troyes.fr/14000/design-pagination-4-exemples-css-modernes-code-complet/ Thu, 23 Apr 2026 10:27:42 +0000 https://blog.crea-troyes.fr/?p=14000 Améliorez le design de vos pagination avec 4 exemples modernes en CSS. Apprenez à créer une navigation fluide, responsive et efficace pour booster l’expérience utilisateur et le référencement naturel de votre site web.

Lien vers l'article : Design pagination : 4 exemples CSS modernes + Code complet.

]]> Principale taille d’écran et breakpoint pour WebDesign https://blog.crea-troyes.fr/13681/principale-taille-decran-et-breakpoint-pour-webdesign/ Mon, 13 Apr 2026 21:59:29 +0000 https://blog.crea-troyes.fr/?p=13681 Maîtrisez les tailles d’écran et breakpoints essentiels pour créer un site responsive efficace, lisible sur mobile, tablette et ordinateur, avec des standards fiables utilisés par les développeurs web aujourd’hui.

Lien vers l'article : Principale taille d’écran et breakpoint pour WebDesign.

]]> Créer une timeline CSS moderne : tutoriel + code complet https://blog.crea-troyes.fr/13566/creer-une-timeline-css-moderne-tutoriel-code-complet/ Sun, 12 Apr 2026 12:26:22 +0000 https://blog.crea-troyes.fr/?p=13566 Apprenez à créer une timeline CSS moderne et responsive pour afficher vos étapes de projet. Un tutoriel simple, clair et visuel pour améliorer le design et l’expérience utilisateur de votre site web.

Lien vers l'article : Créer une timeline CSS moderne : tutoriel + code complet.

]]> Coder un texte néon animé en CSS pur : Tutoriel complet https://blog.crea-troyes.fr/13526/coder-un-texte-neon-anime-en-css-pur-tutoriel-complet/ Sat, 11 Apr 2026 08:42:00 +0000 https://blog.crea-troyes.fr/?p=13526 Apprenez à créer un texte néon en CSS avec un effet lumineux réaliste et animé. Un tutoriel simple et complet pour concevoir un titre moderne, impactant et personnalisable facilement.

Lien vers l'article : Coder un texte néon animé en CSS pur : Tutoriel complet.

]]> Code couleur CSS : RGB, HEX et HSL | Tout comprendre https://blog.crea-troyes.fr/13296/code-couleur-css-rgb-hex-et-hsl-tout-comprendre/ Sat, 04 Apr 2026 10:51:16 +0000 https://blog.crea-troyes.fr/?p=13296 Maîtrisez les codes couleur CSS facilement : RGB, hexadécimal et HSL expliqués simplement avec des exemples concrets pour créer des designs harmonieux, lisibles et modernes sans vous perdre dans la technique.

Lien vers l'article : Code couleur CSS : RGB, HEX et HSL | Tout comprendre.

]]> Favicon pour mode sombre et clair : le guide complet https://blog.crea-troyes.fr/13238/favicon-pour-mode-sombre-et-clair-le-guide-complet/ Wed, 01 Apr 2026 10:45:19 +0000 https://blog.crea-troyes.fr/?p=13238 Apprenez à afficher un favicon différent en mode clair et mode sombre. Un guide simple et complet pour améliorer la lisibilité, l’image de marque et l’expérience utilisateur sur tous vos sites web.

Lien vers l'article : Favicon pour mode sombre et clair : le guide complet.

]]>