Guides
Des tutoriels pratiques pour les développeurs, les marketeurs et les tâches informatiques du quotidien — chacun s’appuie sur des outils devpack gratuits à ouvrir à côté.
À la uneComment compresser une image sans perdre en qualitéRéduisez le poids de vos photos et captures d'écran pour e-mails, formulaires et sites : redimensionnez, choisissez le format et la qualité, sans perte visible.Lire le guide
Comment décoder et déboguer un JWTDécodez un JWT : lisez l’en-tête et les claims, trouvez la cause du rejet (expiré, mauvaise audience, signature invalide) et évitez les failles de sécurité.
Regex pour valider e-mails, URL et numéros de téléphoneExpressions régulières pratiques pour valider e-mails, URL et numéros de téléphone, pourquoi les motifs parfaits n’existent pas et quand utiliser un parseur.
Expressions cron expliquées : 15 planifications réelles et pièges liés aux fuseaux horairesMaîtrisez les expressions cron : cinq champs, 15 planifications à copier, piège jour du mois/jour de la semaine et fuseaux horaires en CI.
Comment corriger les erreurs CORSPourquoi le navigateur bloque votre requête, comment lire l’erreur CORS et les bons en-têtes pour Express, Nginx et Vercel, y compris preflight et cookies.
301, 302, 307, 308 : quelle redirection utiliserQuand utiliser chaque redirection HTTP (301, 302, 307, 308), leur impact sur le SEO et les formulaires, et comment éviter chaînes et boucles de redirection.
Générer des types TypeScript à partir de JSON — la bonne méthodeTransformez le JSON de vos API en interfaces TypeScript, gérez champs optionnels, nullables et unions, et validez à l’exécution avec JSON Schema.
Comment configurer GA4 avec Google Consent Mode v2Installez GA4 avec Google Consent Mode v2 : consentement refusé par défaut, mise à jour depuis votre bandeau cookies et vérification du bon fonctionnement.
Checklist des en-têtes de sécurité HTTP (avec configurations à copier-coller)Les en-têtes de sécurité que tout site devrait envoyer : HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy, Permissions-Policy, avec valeurs sûres et configurations.
Comment fusionner, diviser et compresser des fichiers PDFFusionnez, divisez et compressez vos PDF, convertissez vos photos en PDF et signez-les. Gratuit, dans le navigateur, sans aucun envoi de fichier.
La technique Pomodoro : comment la rendre vraiment efficaceComment fonctionne la technique Pomodoro, quoi faire pendant les pauses, gérer les interruptions, adapter la durée de 25 minutes et suivre vos sessions.
Comment tester votre webcam et votre microphone avant un appel vidéoVérifiez votre caméra et votre micro dans le navigateur, corrigez les erreurs « caméra introuvable » et d’autorisation sous Windows et Mac, et améliorez le son et l’image.
Comment créer un mot de passe fort et vérifier s’il a fuitéCe qui rend réellement un mot de passe fort, pourquoi la longueur compte plus que les symboles, et comment vérifier en toute sécurité les fuites de données.
Paramètres UTM expliqués : suivez chaque campagne dans GA4Que sont les paramètres UTM, comment nommer source, support et campagne pour que GA4 les regroupe correctement, où ne pas les utiliser et comment suivre QR codes et imprimés.
Comment rédiger des balises title et meta description qui font cliquerRédigez des balises title et meta description qui incitent au clic : limites en pixels, formule simple, doublons à éviter et balises Open Graph.
Comment tester un ordinateur portable d'occasion avant achatChecklist en 15 min pour acheter un ordinateur portable d'occasion : pixels morts, clavier, batterie, vraies specs, stockage, webcam, micro et verrouillages.
Comment corriger SPF, DKIM et DMARCÉvitez que vos e-mails finissent dans les spams : vérifiez vos enregistrements SPF, DKIM et DMARC, corrigez les erreurs courantes et passez DMARC en application.
Comment corriger les erreurs de certificat SSLCorrigez l’erreur « votre connexion n’est pas privée » : vérifiez si votre certificat est expiré, non conforme ou sans chaîne, puis renouvelez-le durablement.
Comment corriger des pages lentes et les Core Web VitalsAméliorez le LCP, l’INP et le CLS avec les corrections les plus efficaces : images principales plus rapides, JavaScript moins bloquant et pages stables au chargement.
Comment corriger les problèmes de robots.txt et de sitemapAssurez-vous que Google trouve vos pages : corrigez les règles robots.txt qui bloquent trop, créez un sitemap XML propre et résolvez les erreurs signalées dans la Search Console.
Comment corriger les problèmes de canonical et de contenu dupliquéPlusieurs adresses pour une même page dispersent vos signaux SEO. Choisissez une version unique avec redirections, balises canonical et liens cohérents.
Comment trouver et corriger les liens cassésRepérez les liens cassés de votre site, puis décidez de mettre à jour, rediriger ou supprimer chacun d’eux, et créez une page 404 qui retient vos visiteurs.
Qu’est-ce que les polices web et pourquoi les utiliser ?Les polices web permettent à votre site d’afficher les mêmes caractères sur tous les appareils. Découvrez leur fonctionnement, leurs différences avec les polices système et leur intérêt.
Comment ajouter une police personnalisée à un siteAjoutez une police personnalisée à votre site en quatre étapes : préparation des fichiers, import, règles @font-face et application. Webflow, WordPress, Tailwind.
WOFF2 vs WOFF vs TTF vs OTFComparez les formats de police pour le web. Découvrez pourquoi le WOFF2 convient à presque tous les sites, quand le WOFF reste utile et pourquoi EOT et SVG ne sont plus nécessaires.
Comprendre la licence des webfontsAcheter une police ne permet pas toujours de l’utiliser sur un site. Découvrez les types de licences et les points à vérifier avant conversion.
Comment accélérer le chargement des polices webAccélérez vos polices web avec WOFF2, le sous-ensemble, moins de graisses, le préchargement, les polices variables et la mise en cache. Code inclus pour chaque étape.
Comment corriger le décalage de mise en page des policesÉvitez que le texte saute au chargement des webfonts. Découvrez FOIT et FOUT, choisissez la bonne valeur font-display et adaptez votre police de secours.
Comment installer un pixel de suiviInstallez un pixel de suivi Meta, TikTok ou LinkedIn sur Webflow, WordPress, Shopify ou Google Tag Manager : consentement, test et suivi des conversions.
Comment utiliser OKLCH en CSSDécouvrez la syntaxe oklch(), le sens de la luminosité, de la chroma et de la teinte, et créez nuances, états au survol et palettes en CSS, avec solutions de repli.
OKLCH vs HSLComparez OKLCH et HSL en CSS : pourquoi une même luminosité HSL peut varier fortement, quand OKLCH donne de meilleures palettes et quand HSL suffit encore.
Comment planifier une réunion entre fuseaux horairesTrouvez un créneau équitable pour une réunion internationale : repérez le chevauchement, indiquez l'heure clairement, évitez les erreurs d'heure d'été et partagez-le.
Comment l’heure d’été affecte les fuseaux horairesDécouvrez quand les horloges changent aux États-Unis et en Europe, pourquoi le décalage horaire entre les villes varie et comment éviter les réunions manquées.
Comment partager un outil avec vos paramètresEnvoyez à n'importe qui un lien devpack qui ouvre un outil avec vos données déjà saisies. Découvrez le fonctionnement, ce qui reste privé et les outils non concernés.