Éditeur visuel sans code

L’éditeur charge votre vrai site dans un cadre et vous laisse pointer n’importe quoi dedans. Sélectionner un élément ouvre un panneau de propriétés regroupées comme le ferait un outil de design : contenu, typographie, fond, bordure, espacement, taille et position. Chaque modification est enregistrée sur la variante que vous éditez, jamais sur la page.

Une arborescence s’affiche à côté du canevas pour les fois où pointer ne suffit pas, avec un fil d’Ariane qui indique exactement quel nœud est sélectionné. Un champ de sélecteur CSS existe pour la même raison : quand vous connaissez déjà le sélecteur, le taper est plus rapide que de le chercher.

Une liste de modifications affiche tout ce que fait la variante, dans l’ordre, et chaque entrée peut être retirée seule. Cette liste, c’est la variante. C’est ce qui s’applique sur la page d’un visiteur et ce que la transmission à l’implémentation lira plus tard pour indiquer à un développeur quoi coder en dur.

Deux réglages plus discrets comptent plus qu’il n’y paraît. Un bouton d’interactivité bascule entre sélectionner des éléments et utiliser réellement la page, pour ouvrir un menu ou une fenêtre modale et éditer ensuite ce qu’il y a dedans. Un sélecteur d’appareil recadre le canevas aux largeurs qu’utilise votre trafic, parce qu’une variante qui ne fonctionne qu’en largeur bureau n’est pas terminée.