Compiler LESS en CSS en ligne — Compilateur LESS navigateur
Compilez LESS en CSS avec less.js localement. Compression, source maps optionnelles — s'exécute entièrement dans votre navigateur.
Notes développeur
• Les chemins @import externes ne peuvent pas être résolus — collez le LESS complet dans l'éditeur. • Le JavaScript inline dans LESS est désactivé par défaut ; activez-le seulement si vous faites confiance à la source. • Strict math exige des parenthèses autour des calculs quand activé. • Auto-compilation au collage/exemple ; la saisie nécessite Compiler (⌘↵). • Couplez avec beautify-less ou minify-css en aval.
Options
Quand les équipes choisissent cette voie
• Convertir des composants LESS legacy en CSS pour migration. • Prévisualiser des mixins paramétriques avant intégration dans un build. • Partager du CSS compilé avec des collègues qui n'utilisent pas LESS. • Vérifier rapidement expressions de guards et opérations.
Exemples commentés
Variables et opérations
Entrée LESS
CSS compilé
Mixin paramétrique
Entrée LESS
CSS compilé
Outils associés
Beautifiez LESS avec beautifier LESS, décompressez avec déminifier LESS, ou parcourez le hub préprocesseurs CSS.
FAQ compilateur LESS
Compilation navigateur uniquement
Pourquoi ne puis-je pas utiliser @import pour Bootstrap ou d'autres bibliothèques ?
Le compilateur s'exécute côté client sans accès au système de fichiers ni au réseau pour résoudre des fichiers externes. Incluez le LESS dont vous avez besoin directement dans l'éditeur.
Que fait Strict math ?
Quand activé, des calculs comme 8px + 4px exigent des parenthèses. Cela correspond aux modes compilateur LESS plus stricts utilisés dans certains pipelines de build.
Quand la compilation s'exécute-t-elle automatiquement ?
Au collage et au chargement d'exemple. La saisie seule ne déclenche pas la compilation — utilisez Compiler ou ⌘↵.
Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
Découvrez les autres catégories d'outils
Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.