Outils gratuits pour les professionnels du web

Utilitaires en ligne pour développeurs WordPress, designers Figma et rédacteurs — zéro dépendance, zéro connexion, directement dans le navigateur.

Une collection d'outils techniques conçus pour le travail quotidien sur des projets web : convertissez des unités CSS, générez des slugs WordPress SEO-friendly, vérifiez le contraste WCAG, construisez des requêtes avec WP_Query Builder, formatez du JSON, encodez en Base64 et bien plus encore. Chaque outil est un fichier autonome — aucun framework, aucun suivi, aucune donnée envoyée à des serveurs externes. Sélectionnez une catégorie ou parcourez la liste complète.

CSS et style

CSS

Convertisseur PX / REM / EM

Convertissez instantanément des valeurs CSS entre px, rem et em avec une taille de police de base personnalisable. L'outil indispensable pour tout développeur front-end écrivant du CSS à la main sur des thèmes WordPress.

CSS

Calculateur de specificite CSS

Calculez et comparez la spécificité des sélecteurs CSS en temps réel. Découvrez pourquoi une règle écrase une autre et résolvez les conflits sans recourir à !important.

CSS

Convertisseur de formats de couleur

Convertissez instantanément des couleurs entre HEX, RGB, RGBA, HSL, HSLA et HSB/HSV avec aperçu en direct. Copiez n'importe quel format en un clic pour votre feuille de style.

CSS

Générateur d'échelle typographique

Générez des échelles typographiques fluides avec CSS clamp() de H1 au corps du texte. Variables CSS personnalisées pour thèmes WordPress — aucune media query par niveau.

CSS

Generateur Box-shadow

Créez des ombres CSS avec une interface visuelle et un aperçu en direct. Ombres multiples, inset, export en variable CSS et bibliothèque de préréglages pour thèmes WordPress.

CSS

Visualiseur CSS Easing

Visualisez et comparez des courbes d'easing CSS avec une animation en direct. Générez des cubic-bezier() personnalisées, comparez avec les fonctions natives et copiez la sortie CSS.

WordPress

SEO

Generateur de slug WordPress

Générez des slugs WordPress SEO-friendly depuis des titres en français avec suppression automatique des accents, espaces et caractères spéciaux. Support Polylang et aperçu URL inclus.

WP

WP_Query Builder

Créez des requêtes WordPress visuellement. Générez le code PHP WP_Query complet avec tax queries, champs ACF, paramètres orderby et wp_reset_postdata() — prêt pour votre template.

WP

WP Config Security Checker

Générez les constantes de sécurité pour wp-config.php : debug, préfixe DB, auth keys et HTTPS forcé. Liste de contrôle interactive avec snippets PHP pour dev et production.

WP

WordPress Image Sizes

Calculez toutes les tailles d'images générées par WordPress depuis l'original. Simulez les add_image_size() de votre thème et visualisez les recadrages produits pour chaque format.

WP

ACF Field Name Sanitizer

Convertissez des étiquettes lisibles en noms de champs ACF valides : minuscules, underscores, sans espaces. Le micro-outil quotidien pour développer des thèmes WordPress avec ACF.

WP

Polylang String Checker

Vérifiez que les chaînes traduisibles sont correctement enregistrées dans Polylang et générez les snippets pll_register_string() prêts à coller dans functions.php.

Figma et design

Design

Formateur Design Token

Convertissez le JSON des variables Figma en propriétés CSS personnalisées prêtes pour votre thème WordPress. Le pont direct entre système de design et feuille de style.

Design

Spacing Scale Generator

Générez des échelles d'espacement basées sur une grille 4/8pt avec sortie en px, rem et propriétés CSS. Le système d'espacement cohérent pour les thèmes WordPress professionnels.

Design

Aspect Ratio Calculator

Calculez le ratio d'aspect et les dimensions proportionnelles avec la propriété CSS aspect-ratio moderne et l'astuce padding-top. Pour images, vidéos et conteneurs responsives.

Design

Color Palette Generator

Générez des gammes de teintes et d'ombres depuis une couleur de marque avec sortie en propriétés CSS et vérification WCAG intégrée. D'une seule couleur à un système complet.

Design

Font Pairing Tool

Associez des Google Fonts complémentaires avec un aperçu en direct sur une interface exemple. Combinaisons testées heading + body, score de lisibilité et snippet CSS prêt à l'emploi.

SEO et contenu

SEO

Verificateur Meta Title / Description

Vérifiez la longueur et l'aperçu SERP de votre meta title et description. Simulation du résultat Google sur bureau et mobile avec retour en temps réel.

SEO

Convertisseur de casse texte

Convertissez du texte en majuscules, minuscules, Title Case et Sentence case en un clic. L'outil typographique quotidien pour les rédacteurs et éditeurs de contenu web.

SEO

Open Graph Preview

Simulez l'aperçu des cartes Open Graph sur Facebook, LinkedIn et X avant la publication. Vérifiez le titre OG, la description et l'image tels qu'ils apparaîtront lors du partage.

SEO

Schema.org JSON-LD Generator

Générez des données structurées JSON-LD pour Article, LocalBusiness, FAQ et BreadcrumbList. Sortie pour balise script HTML et snippet PHP pour wp_head() avec support ACF dynamique.

SEO

Reading time estimator

Estimez le temps de lecture avec une vitesse personnalisable et des statistiques avancées : nombre de mots, caractères, densité lexicale et distribution temporelle.

E-commerce

E-commerce

Impact prix PrestaShop

Calculez l'impact prix des combinaisons produit dans PrestaShop avec gestion de la TVA. Pour les e-commerce managers gérant des catalogues à variantes multiples avec export CSV.

E-commerce

WooCommerce Prix / Marge

Calculez le prix de vente, la marge bénéficiaire et le markup pour les produits WooCommerce avec gestion de la TVA italienne. Projection du bénéfice mensuel et comparaison de scénarios.

E-commerce

Calculateur TVA brut / net (Italie)

Calculez et décomposez la TVA italienne aux taux 4%, 10% et 22% simultanément. Mode batch, export CSV et snippets PHP WooCommerce inclus.

E-commerce

Calculateur de conversion e-commerce

Calculez le taux de conversion e-commerce et simulez l'impact sur le chiffre d'affaires. Analyse par canal, appareil et période avec projection du revenu incrémental.

Accessibilite

A11Y

Verificateur de contraste couleurs

Vérifiez le rapport de contraste entre texte et fond selon WCAG 2.1. Retour immédiat sur les niveaux AA et AAA pour texte normal et grand, avec suggestions d'optimisation.

A11Y

Font Readability Tester

Testez la lisibilité typographique avec un aperçu en direct sur 72 Google Fonts et une évaluation WCAG. Simulation visuelle pour utilisateurs âgés et malvoyants incluse.

A11Y

Vérificateur de taille de cible tactile

Vérifiez les dimensions des éléments interactifs selon WCAG 2.5.5 (44×44px). Canvas visuel, CSS correctif immédiat et rapport exportable pour les thèmes WordPress accessibles.

A11Y

Validateur de headings

Analysez la hiérarchie H1-H6 et détectez les erreurs structurelles : sauts de niveaux, H1 multiples, titres vides. Arbre visuel interactif et corrections PHP pour WordPress.

Utilitaires developpeur

Dev

Convertisseur de casse code

Convertissez des chaînes entre tous les formats de conventions de nommage : camelCase, PascalCase, snake_case, kebab-case, SCREAMING_SNAKE et plus. L'outil quotidien pour développeurs.

Encoding

ASCII / Hexadécimal

Convertisseur ASCII-hexadécimal bidirectionnel en ligne. Transformez du texte en séquences hex et vice-versa, avec affichage des valeurs décimales et octales et tableau ASCII complet.

Encoding

Encodeur / Décodeur Base64

Encodez et décodez du Base64 en temps réel avec support pour texte, URL et fichiers. Gère le padding, les variantes URL-safe et la sortie multiligne — l'outil d'encodage quotidien.

Encoding

Encodeur / Décodeur d'URL

Encodez et décodez des URL et chaînes de requête en temps réel. Distingue encodeURI et encodeURIComponent, gère les caractères spéciaux et espaces pour des paramètres GET sécurisés.

Dev

Formateur JSON

Formatez, validez et minifiez du JSON avec coloration syntaxique, détection précise des erreurs et navigation en arbre interactive. L'outil essentiel pour les APIs REST et ACF.

Security

Generateur de mots de passe securises

Générez des mots de passe robustes avec crypto.getRandomValues(). Longueur personnalisable, exclusion des caractères ambigus, indicateur d'entropie et mode mnémotechnique — 100% côté client.