W przeciwieństwie do innych platform programowania wizualnego, Gimli jest skierowany do programistów front-end.Gimli nie jest rozwiązaniem „bez kodu”.Zamiast tego próbuje połączyć narzędzia wizualne często spotykane w rozwiązaniach „bez kodu” ze środowiskiem programistycznym Visual Studio Code.Najważniejsze cechy: Narzędzia układu Tworzenie złożonych układów dynamicznych często wymaga użycia Grid i Flexbox.Poznanie wszystkich możliwych właściwości i ich interakcji może być trudnym zadaniem.Gimli rozwiązuje to, udostępniając wizualne narzędzia, które znacznie upraszczają ten proces.Gimli włącza narzędzia układu w oparciu o wybrany element.Na przykład, jeśli element ma ustawioną właściwość wyświetlania na siatkę, zestaw narzędzi skoncentrowanych na siatce zostanie włączony.Jeśli element ma element nadrzędny z ustawioną właściwością display ustawioną na flex, zestaw narzędzi skoncentrowanych na elementach elastycznych zostanie włączony i tak dalej.... Znajdź źródło Z łatwością nawiguj po plikach, korzystając z funkcji „znajdź źródło” Gimli.Gimli pozwala natychmiast znaleźć kod źródłowy dla reguł CSS i elementów HTML.Działa z dowolną strukturą lub biblioteką Podobnie jak narzędzia programistyczne przeglądarki, Gimli jest przeznaczony do pracy z dowolną strukturą lub biblioteką, z którymi chcesz pracować.Do tej pory Gimli były testowane z React, WordPress, Bootstrap, VueJS, Angular i Stencil.Zastosuj style Nie trzeba kopiować i wklejać stylów.Korzystając z funkcji „zastosuj style” Gimli, możesz zobaczyć, które style zostały dodane, usunięte lub zmienione.Następnie możesz zastosować wszystkie lub tylko niektóre z tych stylów.Powyżej jest tylko wczesnym podglądem tego, co nadchodzi.To, co widziałeś powyżej, to zaimplementowane funkcje, które faktycznie działają.Biorąc pod uwagę czas i zasoby Mam nadzieję, że będę mógł nadal ulepszać istniejące funkcje i wdrażać nowe funkcje, takie jak: • Narzędzia typograficzne i tekstowe • Importuj niestandardowe fragmenty • Narzędzia transformacji i perspektywy • Eksport i formatowanie HTML • Widok drzewa DOM • Narzędzia do kolorowania i brandowania