Na rozdíl od jiných vizuálních vývojových platforem je Gimli zaměřen na front-end vývojáře.Gimli není řešení „bez kódu“.Místo toho se snaží kombinovat vizuální nástroje často nalezené v řešeních bez kódu s vývojovým prostředím Visual Studio Code.Hlavní rysy: Nástroje rozvržení Vytváření složitých dynamických rozvržení často vyžaduje použití mřížky a Flexboxu.Učení všech možných vlastností a jejich vzájemného působení může být náročné.Gimli to řeší poskytováním vizuálních nástrojů, které tento proces výrazně zjednodušují.Gimli umožňuje nástroje rozložení na základě toho, který prvek byl vybrán.Například, pokud prvek dostal vlastnost zobrazení nastavenou na mřížku, bude povolena sada nástrojů zaměřených na mřížku.Pokud má prvek rodič s vlastnostmi zobrazení nastavenými na flex, bude povolena sada nástrojů zaměřených na flex-item atd.... Najít zdroj Pomocí funkce „Najít zdroj“ Gimli můžete snadno procházet své soubory.Gimli vám umožňuje okamžitě najít zdrojový kód pro pravidla CSS a HTML prvky.Funguje s libovolným rámcem nebo knihovnou Stejně jako vývojové nástroje vašeho prohlížeče, i Gimli má pracovat s jakýmkoli rámcem nebo knihovnou, se kterou jste se rozhodli pracovat.Doposud byly Gimli testovány s React, WordPress, Bootstrap, VueJS, Angular a Stencil.Použití stylů Není třeba kopírovat a vkládat styly.Pomocí funkce „použití stylů“ Gimli můžete vidět, které styly byly přidány, odstraněny nebo změněny.Poté můžete použít všechny nebo jen některé z těchto stylů.Výše uvedené je jen časný plíživý pohled na to, co přichází.To, co jste viděli výše, jsou implementované funkce, které ve skutečnosti fungují.Vzhledem k času a prostředkům doufám, že budu moci pokračovat ve zlepšování stávajících funkcí a implementovat nové funkce, jako například: • Typografické a textové nástroje • Import vlastních úryvků • Transformační a perspektivní nástroje • Export a formátování HTML • Zobrazení stromové struktury DOM • Nástroje pro barvy a značky