Pinegrow Web Editor

Pinegrow Web Editor es un editor web de escritorio que le permite crear sitios web receptivos de forma más rápida con edición en vivo de varias páginas, estilo CSS y SASS y componentes inteligentes para Bootstrap, Foundation y WordPress. Cree sitios web desde cero o edite sus proyectos existentes. Pinegrow tiene todo lo que necesita para construir sitios web: herramientas de edición de HTML, diseño, herramientas de framework, bibliotecas de componentes y más. Utilice la biblioteca de elementos para armar rápidamente una maqueta de página. Duplique la página y juegue con diferentes variaciones de diseño.

Use variables en su lugar y otras golosinas SASS y LESS. Use expresiones matemáticas y funciones como aclarar y oscurecer para crear diseños que se pueden personalizar cambiando solo un par de variables, todo en tiempo real. ¿Por qué parar en maqueta? Simplemente siga adelante y conviértalo en una página web diseñada a medida, diseñando elementos con reglas CSS. Edite reglas a través del editor visual o escriba el código directamente. Abra varias páginas que comparten la misma hoja de estilo. Los cambios de estilo se reflejan en todas las páginas en tiempo real. Visualícelos en diferentes tamaños de pantalla. Utilice Pinegrow Web Editor como un CMS para sus páginas estáticas Html. Mueva los elementos alrededor y haga doble clic en cualquier elemento para editar su contenido de texto. ¿Necesita una forma Bootstrap o una barra de navegación? Diseñarlo en Pinegrow, cambiar su diseño con un solo clic. Seleccione el formulario y copie el código HTML. Use herramientas de control de fuente estándar como Git para administrar su código y colaborar en proyectos con los miembros de su equipo.

Características del editor web de Pinegrow:

Acelerar el trabajo con HTML
Cree rápidamente el diseño de su página web con potentes herramientas visuales para agregar, editar, mover, clonar y eliminar elementos HTML. Inserte N elementos con el repetidor y modifique el diseño de múltiples elementos seleccionados con un solo movimiento.

Bootstrap 3 y 4 y Fundación
Convierta cientos de clases marco en poderosas herramientas visuales, tales como diseños con columnas redimensionables, pantalla de cuadrícula, controles de respuesta para texto, color, espaciado, visibilidad e incluso clases Flex de Bootstrap. Inserta elementos de la rica biblioteca de componentes.

Edite y pruebe su página en todos los tamaños de dispositivo a la vez
Utilice la edición de varias páginas para editar la página en varios tamaños de dispositivo. Diseña fácilmente sitios web receptivos con Media query helper tool. Agregue puntos de interrupción personalizados o deje que Pinegrow los detecte mediante el análisis de hojas de estilo.

Pinegrow Pro
Le permite acelerar su trabajo aún más con funciones inteligentes como páginas maestras que le permiten definir plantillas para su proyecto. Convierta los elementos de página en componentes reutilizables con áreas editables personalizadas. Use Pinegrow como CMS para sitios web HTML estáticos.

Cree temas de WordPress listos para producción
Abra o cree una página HTML en Pinegrow Web Editor. Agregue acciones de WordPress a elementos HTML y establezca sus parámetros. Exporta el tema de WordPress. Pinegrow genera código PHP y divide la página en archivos de tema PHP.

Pinegrow ama el código
Pinegrow no oculta el código tuyo. Edite páginas visualmente y mediante código, al mismo tiempo. Los cambios realizados a través de la interfaz de usuario visual se reflejan inmediatamente en la vista de código. Las ediciones de código, incluso si se realizan en el editor de código externo, son inmediatamente visibles en la página y en la interfaz de usuario visual. (Por cierto, esto hace que Pinegrow sea la herramienta perfecta para aprender sobre HTML y CSS).

Cree sitios web rápidamente con bloques
Utilice la colección de bloques de sitios web listos para crear rápidamente sitios web de gran apariencia. Arrastre los bloques a la página, personalice el contenido, cree reglas CSS de estilo, y su sitio web estará listo. Incluso puede crear temas de WordPress totalmente personalizables con bloques.

Editar cualquier página de la web
Pinegrow también te permite abrir cualquier página de la web. Simplemente ingrese la URL y comience a editar la página remota: cambie el diseño, edite texto e imágenes, modifique las reglas de CSS ... Esto es ideal para editar CSS de páginas generadas por el servidor y para probar plantillas. A continuación, guarde los archivos HTML y CSS modificados en su computadora.

Use Pinegrow junto con su editor de código favorito
Pinegrow encaja perfectamente en su flujo de trabajo. Úselo junto con su editor de código favorito (con actualización automática inteligente), el sistema de control de fuente, el administrador de paquetes y las herramientas de implementación. Use el complemento para Atom para sincronizar ediciones con Pinegrow.

Editar plantillas HTML de PHP, ASP y ERB
Edite visualmente diseños HTML con etiquetas de código dinámicas del lado del servidor. Haga doble clic en cualquier elemento que contenga bloques PHP, ASP o Ruby on Rails para editar el código.

Nota: 7 días de versión de prueba.