🎯
Real-time Visual Editing
Édition visuelle temps réel
Bullseye mode (Ctrl+Space) — click any element to inspect its styles. Changes appear as you type, no page reload. Numeric adjustment with arrows (+/−1), Shift (+/−10), Ctrl (+/−100) and mouse wheel.
Mode Bullseye (Ctrl+Espace) — cliquez sur n'importe quel élément pour inspecter ses styles. Les changements apparaissent au fil de la frappe, sans rechargement. Ajustement numérique avec flèches (+/−1), Shift (+/−10), Ctrl (+/−100) et molette souris.
CDP: CSS.setStyleTexts
⚡
14-group Quick Edit Toolbar
Barre Quick Edit à 14 groupes
Icon toolbar: Margin, Padding, Border, Border-radius (directional TRBL grid), Typography, Colors, Shadows, Layout, Flexbox, Grid, Transform, Dimensions, Effects, Transitions. Smart buttons: left-click to add/cycle, right-click to remove.
Barre d'icônes : Margin, Padding, Border, Border-radius (grille directionnelle TRBL), Typographie, Couleurs, Ombres, Layout, Flexbox, Grid, Transform, Dimensions, Effets, Transitions. Boutons intelligents : clic gauche = ajouter/cycler, clic droit = supprimer.
📋
CSS Rules Accordion
Accordéon de règles CSS
Collapsible sections per selector. CSS search (Ctrl+F) across selectors and property names with match counter and highlighting. Selector filter, @media grouping, universal selector toggle. Inline selector editing and rule deletion.
Sections repliables par sélecteur. Recherche CSS (Ctrl+F) dans les sélecteurs et noms de propriétés avec compteur et surlignage. Filtre sélecteurs, regroupement @media, toggle des universels. Édition inline des sélecteurs et suppression de règles.
📝
Advanced Property Management
Gestion avancée des propriétés
Full context menu: Cut/Copy/Paste, Insert Above/Below, Toggle Comment (F7), Toggle !important, Merge/Split Shorthand, Apply Clearfix. Drag reorder (Ctrl+Shift+↑↓). Copy as CSS / Paste Rule with shared clipboard between properties and rules.
Menu contextuel complet : Couper/Copier/Coller, Insérer Avant/Après, Toggle Commentaire (F7), Toggle !important, Merge/Split Shorthand, Apply Clearfix. Réordonnement (Ctrl+Shift+↑↓). Copier comme CSS / Coller une règle avec presse-papiers partagé.
🎨
Advanced Color Picker
Sélecteur de couleurs avancé
HSV/RGB/HSL/Hex inputs with opacity slider. Native eyedropper tool for picking any color on screen. Recent colors history. Smart viewport positioning to avoid clipping.
Saisie HSV/RGB/HSL/Hex avec slider d'opacité. Pipette native pour capturer n'importe quelle couleur à l'écran. Historique des couleurs récentes. Positionnement intelligent évitant le débordement.
💡
Value Suggestions
Suggestions de valeurs
Context-aware panel showing valid CSS values for the focused property. ~100+ properties covered — keywords, units, functions. Cycling values for text-align, font-weight, display and more. Click to apply instantly.
Panneau contextuel affichant les valeurs CSS valides pour la propriété focalisée. ~100+ propriétés couvertes — mots-clés, unités, fonctions. Cycling pour text-align, font-weight, display et plus. Cliquez pour appliquer.
✨
Visual Rule Creator
Créateur visuel de règles
Build selectors by clicking DOM components — tag, #id, .classes. Combinators: >, space, +, ~. Pseudo-classes: :hover, :focus, :nth-child(), :not(), ::before, ::after. Live preview of the constructed selector. Auto-selects target stylesheet based on detected CMS.
Construisez des sélecteurs en cliquant sur les composants DOM — tag, #id, .classes. Combinateurs : >, espace, +, ~. Pseudo-classes : :hover, :focus, :nth-child(), :not(), ::before, ::after. Aperçu live du sélecteur construit. Auto-sélection de la feuille cible selon le CMS détecté.
🔍
CMS & Framework Detection
Détection CMS & Frameworks
Auto-detects the technology stack. CMS: WordPress (child theme), Joomla, Drupal, Shopify, PrestaShop, Squarespace, Webflow… CSS: Bootstrap, Tailwind, Bulma. Builders: Elementor, Divi, Oxygen, Bricks. JS: React, Vue, Angular, Next.js, HTMX. Visual badges in status bar.
Détection automatique de la stack technique. CMS : WordPress (child theme), Joomla, Drupal, Shopify, PrestaShop, Squarespace, Webflow… CSS : Bootstrap, Tailwind, Bulma. Builders : Elementor, Divi, Oxygen, Bricks. JS : React, Vue, Angular, Next.js, HTMX. Badges visuels dans la barre de statut.
📐
Visual Tools
Outils visuels
Rulers (F6) with pixel graduations and crosshair. Alignment guides (F4) with spacing measurement. 8× pixel magnifier (F3) following the cursor. Stakeout (F9) — highlights ALL matching elements. Freeze (F8) — stops JavaScript to keep popups and hover states visible.
Règles (F6) avec graduations pixel et réticule. Guides d'alignement (F4) avec mesure d'espacement. Loupe 8× (F3) suivant le curseur. Stakeout (F9) — surligne TOUS les éléments correspondants. Gel (F8) — arrête le JavaScript pour garder popups et états hover visibles.
🌳
DOM Tree & Breadcrumb
Arbre DOM & Breadcrumb
Full hierarchical DOM tree with lazy expansion, text filtering, and color coding by type (container, interactive, text, meta). Clickable breadcrumb bar. 4 tabs: Rules, Styles (computed, grouped by category), Make Rule, DOM.
Arbre DOM hiérarchique complet avec expansion lazy, filtrage texte, et code couleur par type (conteneur, interactif, texte, meta). Barre de breadcrumb cliquable. 4 onglets : Rules, Styles (calculés, groupés par catégorie), Make Rule, DOM.
🛡️
Real-time CSS Validation
Validation CSS temps réel
200+ known standard properties. Detects unknown properties, invalid values, and deprecated rules. Vendor prefix support (-webkit-, -moz-…). Three severity levels: Error, Warning, Info. Click a warning to jump to the offending rule.
200+ propriétés standard connues. Détection des propriétés inconnues, valeurs invalides et règles dépréciées. Support des vendor prefixes (-webkit-, -moz-…). Trois niveaux : Erreur, Warning, Info. Cliquez sur un avertissement pour accéder à la règle concernée.
💾
Smart Save, Export & Upload
Sauvegarde intelligente, export & upload
Smart Save (Ctrl+S) — auto-uploads via FTP if a profile exists, otherwise saves locally. Export formatted CSS (Ctrl+E). FTP/SFTP profiles per site with encrypted passwords (DPAPI/Keychain) and connection testing. Revert to original, reload from server or local file. Auto-formatting on save.
Save Smart (Ctrl+S) — upload FTP auto si un profil existe, sinon sauvegarde locale. Export CSS formaté (Ctrl+E). Profils FTP/SFTP par site avec mots de passe chiffrés (DPAPI/Keychain) et test de connexion. Revert à l'original, rechargement depuis le serveur ou fichier local. Formatage automatique à la sauvegarde.
