Till skillnad från andra plattformar för visuell utveckling är Gimli riktad mot front-end-utvecklare.Gimli är inte en "no-code" -lösning.Istället försöker det att kombinera visuella verktyg som ofta finns i "no-code" -lösningar med din Visual Studio Code-utvecklingsmiljö.Funktionshöjdpunkter: Layoutverktyg Skapa komplexa dynamiska layouter kräver ofta användning av Raster och Flexbox.Att lära sig alla möjliga egenskaper och hur de interagerar med varandra kan vara utmanande.Gimli löser detta genom att tillhandahålla visuella verktyg som mycket förenklar denna process.Gimli möjliggör layoutverktyg baserat på vilket element som har valts.Till exempel, om ett element har visningsegenskapen inställd på rutnät, kommer en uppsättning rutfokuserade verktyg att aktiveras.Om ett element har en förälder med visningsegenskaper inställd på flex, kommer en uppsättning flex-objekt fokuserade verktyg att aktiveras, och så vidare.... Hitta källa Navigera dina filer enkelt med hjälp av Gimlis funktion "hitta källa".Med Gimli kan du direkt hitta källkoden för CSS-regler och HTML-element.Fungerar med alla ramar eller bibliotek Precis som i webbläsarens utvecklarverktyg är Gimli avsett att arbeta med alla ramar eller bibliotek du valde att arbeta med.Hittills har Gimli testats med React, WordPress, Bootstrap, VueJS, Angular and Stencil.Tillämpa stilar Du behöver inte kopiera och klistra in stilar.Genom att använda Gimlis funktion "applicera stilar" kan du se vilka stilar som har lagts till, tagits bort eller ändrats.Du kan sedan använda alla eller bara några av dessa stilar.Ovanstående är bara ett sniktitt på vad som kommer.Det du har sett ovan är implementerade funktioner som faktiskt fungerar.Med tanke på tid och resurser hoppas jag kunna fortsätta att förbättra befintliga funktioner och implementera nya funktioner som: • Typografi och textverktyg • Importera anpassade utdrag • Transformerings- och perspektivverktyg • HTML-export och formatering • DOM-trädvy • Färg- och varumärkesverktyg