Editor visuale senza codice

L’editor carica il vostro sito reale in un frame e le permette di puntare qualsiasi cosa al suo interno. Selezionare un elemento apre un pannello delle proprietà raggruppato come le raggruppa uno strumento di design: contenuto, tipografia, sfondo, bordo, spaziatura, dimensione e posizione. Ogni modifica è registrata sulla variante che sta modificando, mai sulla pagina.

Un albero della gerarchia sta accanto al canvas per le volte in cui puntare non è abbastanza preciso, con un percorso che mostra esattamente quale nodo è selezionato. Un campo per il selettore c’è per la stessa ragione: quando conosce già il selettore, scriverlo è più rapido che cercarlo.

Un elenco delle modifiche mostra tutto ciò che fa la variante, in ordine, e ogni voce si può rimuovere da sola. Quell’elenco è la variante. È ciò che viene applicato sulla pagina di un visitatore e ciò che la consegna all’implementazione legge più tardi per dire a uno sviluppatore cosa fissare nel codice.

Due controlli più piccoli contano più di quanto sembri. Un interruttore di interattività passa dal selezionare elementi all’usare davvero la pagina, così può aprire un menu o una finestra modale e poi modificare ciò che c’è dentro. Un selettore di dispositivo riquadra il canvas alle larghezze che il vostro traffico usa, perché una variante che funziona solo alla larghezza desktop non è finita.