Contrairement à d'autres plateformes de développement visuel, Gimli s'adresse aux développeurs front-end.Gimli n'est pas une solution «sans code».Au lieu de cela, il essaie de combiner les outils visuels souvent trouvés dans les solutions «sans code» avec votre environnement de développement de code Visual Studio.Points forts des fonctionnalités: Outils de mise en page La création de mises en page dynamiques complexes nécessite souvent l'utilisation de Grid et Flexbox.Apprendre toutes les propriétés possibles et comment elles interagissent les unes avec les autres peut être difficile.Gimli résout ce problème en fournissant des outils visuels qui simplifient considérablement ce processus.Gimli active les outils de mise en page en fonction de l'élément sélectionné.Par exemple, si un élément a sa propriété d'affichage définie sur grille, un ensemble d'outils centrés sur la grille sera activé.Si un élément a un parent dont la propriété d'affichage est définie sur flex, un ensemble d'outils axés sur les éléments flex est activé, etc.... Trouver la source Naviguez facilement dans vos fichiers à l'aide de la fonction «trouver la source» de Gimli.Gimli vous permet de trouver instantanément le code source des règles CSS et des éléments HTML.Fonctionne avec n'importe quel framework ou bibliothèque Tout comme les outils de développement de votre navigateur, Gimli est conçu pour fonctionner avec n'importe quel framework ou bibliothèque avec lequel vous avez choisi de travailler.Jusqu'à présent, Gimli a été testé avec React, WordPress, Bootstrap, VueJS, Angular et Stencil.Appliquer des styles Pas besoin de copier et coller de styles.En utilisant la fonction «appliquer des styles» de Gimli, vous pouvez voir quels styles ont été ajoutés, supprimés ou modifiés.Vous pouvez ensuite appliquer tout ou partie de ces styles.Ce qui précède n'est qu'un premier aperçu de ce qui va arriver.Ce que vous avez vu ci-dessus sont des fonctionnalités implémentées qui fonctionnent réellement.Compte tenu du temps et des ressources, j'espère pouvoir continuer à améliorer les fonctionnalités existantes et à mettre en œuvre de nouvelles fonctionnalités telles que: • Outils de typographie et de texte • Importer des extraits de code personnalisés • Outils de transformation et de perspective • Exportation et formatage HTML • Arborescence DOM • Outils de couleur et de marque