www.gerits-aurelien.be

Dev front

Tutoriel Rich Snippet Produit : Implémentation avec Microdonnées Schema.org

Ce tutoriel explique comment implémenter un rich snippet pour une fiche produit en utilisant le format microdonnées de Schema.org. Il aborde les éléments essentiels comme la structure de base, les informations sur le produit, les offres, le prix, les notes et les avis, ainsi que les informations supplémentaires. Il souligne également l'importance de tester le balisage avec l'outil de test des résultats enrichis de Google pour assurer une bonne interprétation.

Dev back

Tutoriel Stripe API PHP : Intégrer Checkout et Webhook pour gérer les paiements

Cet article fournit un tutoriel complet sur l'intégration de Stripe Checkout et des webhooks en PHP. Il explique comment utiliser l'API Stripe pour gérer les paiements de manière sécurisée, en incluant des étapes sur la configuration de l'environnement de développement, la création de sessions de paiement, et la gestion des notifications d'événements en temps réel via les webhooks. L'utilisation de Stripe Checkout simplifie l'expérience utilisateur et assure la sécurité des transactions, tandis que les webhooks permettent de suivre et de gérer l'état des paiements de manière efficace.

Dev front

Appliquer un masque SVG en CSS avec mask-image

Cet article explique comment utiliser la propriété 'mask-image' en CSS pour appliquer des formes SVG colorées autour d'un titre. Il détaille la technique, fournit le code LESS pour styliser le titre avec des icônes SVG masquées, et discute de la compatibilité entre navigateurs. Des améliorations et variantes sont également suggérées.

Dev front

Créer un lien avec effet de soulignement animé en CSS

Ce tutoriel décrit comment créer un effet de soulignement animé sur des liens en utilisant HTML et CSS. Il comprend des étapes détaillées pour structurer le HTML, styliser le menu avec CSS et ajouter une animation fluide lors du survol des liens. L'effet améliore l'expérience utilisateur en rendant les menus modernes et dynamiques. Des améliorations possibles comme la personnalisation des couleurs et de l'épaisseur de la ligne sont également abordées.