Editor visual sem código

O editor carrega o seu site real numa frame e deixa-o apontar para qualquer coisa nela. Seleccionar um elemento abre um painel de propriedades agrupado como uma ferramenta de design os agrupa: conteúdo, tipografia, fundo, contorno, espaçamento, tamanho e posição. Cada alteração fica registada na variante que está a editar, nunca na página.

Uma árvore de hierarquia corre ao lado da área de trabalho para os casos em que apontar não é preciso o suficiente, com um rasto de migalhas a mostrar exactamente que nó está seleccionado. Um campo de selector também está lá pela mesma razão: quando já sabe o selector, escrevê-lo é mais rápido do que o procurar.

Uma lista de alterações mostra tudo o que a variante faz, por ordem, e cada entrada pode ser removida sozinha. Essa lista é a variante. É o que é aplicado na página do visitante e o que a entrega de implementação lê mais tarde para dizer a um programador o que codificar de forma definitiva.

Dois controlos mais pequenos importam mais do que parecem. Um interruptor de interactividade alterna entre seleccionar elementos e usar a página normalmente, para poder abrir um menu ou um modal e depois editar o que está dentro dele. Um selector de dispositivo reenquadra a área de trabalho nas larguras que o seu tráfego usa, porque uma variante que só funciona à largura de computador não está terminada.