Experimenten
No-code visuele editor
Selecteer een element op uw eigen live site en wijzig het in een eigenschappenpaneel. De variant slaat op; de pagina blijft ongemoeid.
De editor laadt uw echte site in een frame en laat u naar alles daarin wijzen. Een element selecteren opent een eigenschappenpaneel, gegroepeerd zoals een ontwerptool dat doet: inhoud, typografie, achtergrond, rand, ruimte, grootte en positie. Elke wijziging wordt vastgelegd bij de variant die u bewerkt, nooit bij de pagina.
Een hiërarchieboom loopt naast het canvas voor de momenten waarop wijzen niet precies genoeg is, met een broodkruimelpad dat exact toont welk knooppunt geselecteerd is. Een queryselectorveld is er om dezelfde reden: als u de selector al kent, is typen sneller dan zoeken.
Een wijzigingenlijst toont alles wat de variant doet, op volgorde, en elk item is los te verwijderen. Die lijst is de variant. Het is wat wordt toegepast op de pagina van een bezoeker, en het is wat de implementatieoverdracht later leest om een ontwikkelaar te vertellen wat hij moet hardcoderen.
Twee kleinere bedieningen doen meer dan ze eruitzien. Een interactiviteitsschakelaar wisselt tussen elementen selecteren en de pagina daadwerkelijk gebruiken, zodat u een menu of modaal kunt openen en dan bewerken wat erin zit. Een apparaatkiezer herkadert het canvas op de breedtes die uw verkeer gebruikt, want een variant die alleen op desktopbreedte werkt, is niet af.