I modsætning til andre visuelle udviklingsplatforme er Gimli målrettet mod front-end-udviklere.Gimli er ikke en “no-code” -løsning.I stedet forsøger den at kombinere visuelle værktøjer, der ofte findes i “no-code” -løsninger med dit Visual Studio Code-udviklingsmiljø.Funktionshøjdepunkter: Layoutværktøjer Oprettelse af komplekse dynamiske layouts kræver ofte brug af Grid og Flexbox.At lære alle mulige egenskaber, og hvordan de interagerer med hinanden, kan være udfordrende.Gimli løser dette ved at tilvejebringe visuelle værktøjer, der i høj grad forenkler denne proces.Gimli aktiverer layoutværktøjer baseret på hvilket element der er valgt.For eksempel, hvis et element fik sin visningsegenskab indstillet til gitter, vil et sæt netfokuseret værktøjer aktiveres.Hvis et element har en forælder med visningsegenskaber indstillet til flex, vil et sæt flexelementfokuserede værktøjer aktiveres, og så videre.... Find kilde Naviger let med dine filer ved hjælp af Gimlis funktion "Find kilde".Med Gimli kan du øjeblikkeligt finde kildekoden til CSS-regler og HTML-elementer.Arbejder med alle rammer eller biblioteker Ligesom din browsers udviklerværktøjer er Gimli beregnet til at arbejde med alle rammer eller biblioteker, du valgte at arbejde med.Indtil videre er Gimli testet med React, WordPress, Bootstrap, VueJS, Angular and Stencil.Anvend stilarter Ingen grund til at kopiere og indsætte stilarter.Ved at bruge Gimlis funktion "Anvend stilarter" kan du se, hvilke stilarter der er tilføjet, fjernet eller ændret.Du kan derefter anvende alle eller bare nogle af disse stilarter.Ovenstående er bare et tidligt sneg-kig på hvad der kommer.Hvad du har set ovenfor, er implementerede funktioner, der faktisk fungerer.Givet tid og ressourcer håber jeg at kunne fortsætte med at forbedre eksisterende funktioner og implementere nye funktioner såsom: • Typografi og tekstværktøjer • Importer brugerdefinerede kodestykker • Transform & perspektivværktøjer • HTML eksport & formatering • DOM trævisning • Farve & branding værktøjer