toolbin_

🌐Outils web & HTTP en ligne

Retrouvez tous les outils web et HTTP pour développeurs : encodage/décodage d'URL, entités HTML, générateur Basic Auth, référence des codes HTTP, types MIME et générateur de sitemap. Des utilitaires gratuits et rapides pour le développement web au quotidien.

Générateur de Basic Auth

Générez l’en-tête HTTP Authorization: Basic à partir d’un identifiant et mot de passe.

Générateur et décodeur de Bearer Token

Générez l’en-tête HTTP Authorization: Bearer et extrayez un token d’un en-tête.

Exécuter JavaScript, TypeScript, Python, PHP en ligne

Exécutez du JavaScript, TypeScript, Python ou PHP et voyez le résultat instantanément, 100 % dans le navigateur.

Générateur de nuances de couleur (teintes)

Générez les nuances (teintes claires et foncées) d’une couleur pour votre palette, dans le navigateur.

Analyser un en-tête Cookie et Set-Cookie

Décomposez un en-tête Cookie ou Set-Cookie en paires clé/valeur lisibles.

Générateur d'en-têtes CORS (Access-Control-Allow-*)

Générez les en-têtes CORS (Access-Control-Allow-*) pour votre serveur.

Générateur d'expression cron en ligne

Construisez une expression cron à partir d’options simples (fréquence, minute, heure), dans le navigateur.

Générateur de Content-Security-Policy (CSP)

Construisez une politique de sécurité de contenu (Content-Security-Policy).

Générateur de CSS Flexbox visuel en ligne

Générez du CSS Flexbox visuellement (justify-content, align-items, direction…), dans le navigateur.

Générateur de CSS Grid visuel en ligne

Générez du CSS Grid visuellement (colonnes, lignes, espacement), directement dans le navigateur.

Minifier du CSS en ligne (gratuit)

Minifiez du CSS (suppression des commentaires et espaces) pour alléger vos fichiers, dans le navigateur.

Calculateur de spécificité CSS (a,b,c) en ligne

Calculez la spécificité d’un sélecteur CSS (a,b,c) pour comprendre quelle règle l’emporte, dans le navigateur.

Convertir du CSS en classes TailwindCSS

Convertissez des déclarations CSS en classes utilitaires TailwindCSS, avec repli sur les valeurs arbitraires.

Générateur de courbe cubic-bezier CSS avec aperçu

Générez une courbe d’accélération CSS cubic-bezier (easing) avec aperçu, dans le navigateur.

Convertir du texte en data URI (base64)

Convertissez du texte (HTML, SVG, CSS…) en data URI encodé en base64.

Générer un fichier .dockerignore en ligne

Générez un fichier .dockerignore selon votre type de projet, directement dans le navigateur.

Générateur de fichier .editorconfig en ligne

Générez un fichier .editorconfig (indentation, fins de ligne, charset), directement dans le navigateur.

Générateur de fichier .gitignore par stack (Node, Python…)

Générez un fichier .gitignore selon votre stack (Node, Python, macOS, IDE…).

Générateur de texte en dégradé CSS

Générez du texte avec un dégradé de couleur en CSS (background-clip), avec aperçu, dans le navigateur.

Générateur de balises hreflang pour le SEO international

Générez les balises hreflang pour le SEO international (langues, régions, x-default), avec vérification.

Encodeur d'entités HTML

Échappez ou restaurez les entités HTML (<, &, "…).

Minifier du HTML en ligne (gratuit)

Minifiez du HTML (suppression des espaces et commentaires superflus) pour alléger vos pages, dans le navigateur.

Codes de statut HTTP : référence complète

Référence des codes de statut HTTP (200, 301, 404, 500…) avec leur signification.

Générateur de balisage JSON-LD schema.org SEO

Générez un balisage JSON-LD (schema.org) pour le SEO : Article, Product, LocalBusiness, dans le navigateur.

Convertir JSON en query string d'URL et inverse

Convertissez un objet JSON en query string d’URL et inversement.

Keycode JavaScript : code d'une touche pressée

Appuyez sur une touche pour obtenir son key, code, keyCode et modificateurs JavaScript.

Générateur de fichier LICENSE open source en ligne

Générez un fichier LICENSE open source (MIT, Apache-2.0, ISC, BSD) prêt à ajouter à votre projet.

Générer un lien mailto avec objet et corps

Générez un lien mailto: avec objet, corps, cc et cci pré-remplis, directement dans le navigateur.

Générateur de media queries CSS responsive

Générez des media queries CSS responsive (breakpoints courants), directement dans le navigateur.

Générateur de balises meta Open Graph et Twitter Card

Générez les balises meta SEO, Open Graph et Twitter Card pour vos pages.

Type MIME d'une extension de fichier

Trouvez le type MIME d’une extension de fichier et inversement.

Analyseur de query string

Décomposez une URL ou une query string en paires clé/valeur lisibles.

Générateur de robots.txt : créer un fichier robots

Générez un fichier robots.txt (User-agent, Allow/Disallow, Sitemap) prêt à déployer, dans le navigateur.

Comparateur de versions sémantiques (semver) en ligne

Comparez deux versions sémantiques (semver) et voyez laquelle est plus récente, dans le navigateur.

Aperçu SERP Google : simulateur de snippet

Prévisualisez l’apparence de votre page dans les résultats Google et vérifiez la longueur du titre et de la description.

Générateur de sitemap.xml en ligne

Générez un sitemap.xml à partir d’une liste d’URLs, directement dans le navigateur.

Validateur de sitemap XML

Validez un sitemap XML : balise urlset, balises loc, et limite de 50 000 URLs.

Générateur de slug

Transformez un texte en slug d’URL propre (sans accents ni espaces).

Générateur de srcset et sizes pour images responsive

Générez l’attribut srcset et sizes d’une image responsive (HTML), directement dans le navigateur.

Optimiser et minifier un fichier SVG en ligne

Nettoyez et minifiez un fichier SVG (commentaires, métadonnées, espaces, décimales) et réduisez son poids.

Générateur d'image placeholder SVG

Générez une image placeholder SVG légère (dimensions, texte, couleurs) en SVG, data-URI ou balise <img>.

Convertir un SVG en data URI pour CSS et HTML

Convertissez un code SVG en data URI optimisée (utilisable en CSS ou HTML), dans le navigateur.

Générateur de Twitter/X Card avec aperçu

Générez les balises meta Twitter/X Card avec aperçu de la carte, pour un partage soigné sur X.

Encodeur / décodeur d'URL

Encodez ou décodez une chaîne pour une URL (percent-encoding).

Décomposer une URL en ses parties

Décomposez une URL en ses parties : protocole, hôte, port, chemin, query, ancre.

Analyser une chaîne User-Agent en ligne

Analysez une chaîne User-Agent : navigateur, moteur, système et type d’appareil, dans le navigateur.

Générateur d'URL UTM : créer un lien de campagne

Construisez une URL de campagne avec paramètres UTM (source, medium, campaign…), dans le navigateur.

Générateur de balise meta viewport responsive

Générez la balise meta viewport pour le responsive mobile, directement dans le navigateur.

Questions fréquentes

À quoi sert l'encodage d'URL ?

L'encodage d'URL convertit les caractères spéciaux en un format sûr pour les liens et requêtes HTTP, évitant les erreurs dans les paramètres et chemins.

Où trouver la signification des codes HTTP ?

Notre référence des codes HTTP liste chaque statut (200, 301, 404, 500…) avec son sens et son usage, pour déboguer vos API et serveurs.