Gimli

Gimli

Una extensión de Visual Studio Code que permite herramientas visuales inteligentes para desarrolladores front-end.
A diferencia de otras plataformas de desarrollo visual, Gimli está dirigido a desarrolladores front-end.Gimli no es una solución "sin código".En su lugar, intenta combinar herramientas visuales que a menudo se encuentran en soluciones "sin código" con su entorno de desarrollo de Visual Studio Code.Características destacadas: Herramientas de diseño La creación de diseños dinámicos complejos a menudo requiere el uso de Grid y Flexbox.Aprender todas las propiedades posibles y cómo interactúan entre sí puede ser un desafío.Gimli resuelve esto al proporcionar herramientas visuales que simplifican enormemente este proceso.Gimli habilita herramientas de diseño basadas en qué elemento ha sido seleccionado.Por ejemplo, si un elemento tiene su propiedad de visualización establecida en cuadrícula, se habilitará un conjunto de herramientas centradas en la cuadrícula.Si un elemento tiene un elemento primario con la propiedad de visualización establecida en flex, se habilitará un conjunto de herramientas enfocadas en elementos flexibles, y así sucesivamente.... Buscar fuente Navegue sus archivos con facilidad utilizando la función "buscar fuente" de Gimli.Gimli le permite encontrar instantáneamente el código fuente de las reglas CSS y los elementos HTML.Funciona con cualquier marco o biblioteca Al igual que las herramientas de desarrollo de su navegador, Gimli está diseñado para trabajar con cualquier marco o biblioteca con la que elija trabajar.Hasta ahora, Gimli ha sido probado con React, WordPress, Bootstrap, VueJS, Angular y Stencil.Aplicar estilos No es necesario copiar y pegar estilos.Al usar la función "aplicar estilos" de Gimli, puede ver qué estilos se han agregado, eliminado o cambiado.Luego puede aplicar todos o solo algunos de esos estilos.Lo anterior es solo un adelanto de lo que viene.Lo que has visto anteriormente son características implementadas que realmente funcionan.Dado el tiempo y los recursos, espero poder continuar mejorando las características existentes e implementar nuevas características como: • Herramientas de tipografía y texto • Importar fragmentos personalizados • Herramientas de transformación y perspectiva • Exportación y formato HTML • Vista de árbol DOM • Herramientas de color y marca
gimli

Sitio web:

Caracteristicas

Categorias

Alternativas a Gimli para Chrome

Tincr

Tincr

Edite y guarde archivos de las herramientas de desarrollador de Chrome.Recarga en vivo para Chrome.
ScrapeMate

ScrapeMate

Herramienta auxiliar de raspado.Edición y mantenimiento de selectores CSS / XPath en páginas web. Disponible como extensiones de Chrome / Chromium y Firefox.
Pinocode

Pinocode

Pinocode es un patio de juegos de código sin conexión para el desarrollo frontend directamente en su navegador. Le proporciona un entorno genial para practicar el desarrollo frontend utilizando HTML, CSS y JavaScript. Con soporte para variantes e inclusión de bibliotecas externas.