Pinegrow Web Editor for Mac

Pinegrow Web Editor para Mac es un editor web de escritorio que te permite crear sitios web responsivos más rápido con edición multipágina en vivo, estilo CSS & SASS y componentes inteligentes para Bootstrap, Foundation y WordPress. Crea sitios web desde cero o edita tus proyectos existentes. Pinegrow para macOS tiene todo lo que necesitas para crear sitios web: herramientas de edición HTML, estilo, herramientas de framework, bibliotecas de componentes y más. Usa la biblioteca de elementos para armar rápidamente una maqueta de página. Duplica la página y juega con diferentes variaciones de diseño.

Usa variables y otras funciones de SASS y LESS. Usa expresiones matemáticas y funciones como aclarar y oscurecer para crear diseños que se puedan personalizar cambiando solo un par de variables, todo en tiempo real. ¿Por qué detenerse en la maqueta? Simplemente sigue adelante y conviértelo en una página web diseñada a medida aplicando estilos a los elementos con reglas CSS. Edita las reglas a través del editor visual o escribe el código directamente. Abre 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ízalas en diferentes tamaños de pantalla. Usa Pinegrow Web Editor para Mac como un CMS para tus páginas HTML estáticas. Mueve elementos y haz doble clic en cualquier elemento para editar su contenido de texto. ¿Necesitas un formulario Bootstrap o una barra de navegación? Diseñalo en el programa, cambia su diseño con un solo clic. Selecciona el formulario y copia el código HTML. Usa herramientas de control de código fuente estándar como Git para administrar tu código y colaborar en proyectos con los miembros de tu equipo.

Características y aspectos destacados

Acelera el trabajo con HTML
Crea rápidamente el diseño de tu página web con potentes herramientas visuales para agregar, editar, mover, clonar y eliminar elementos HTML. Inserta N elementos con el repetidor y modifica el diseño de varios elementos seleccionados con un solo movimiento.

Bootstrap 3 & 4 y Foundation
Convierte cientos de clases de framework en potentes herramientas visuales, como diseños con columnas redimensionables, visualización de cuadrícula, controles responsivos para texto, color, espacio, visibilidad e incluso clases flex de Bootstrap. Inserta elementos de una rica biblioteca de componentes.

Edita y prueba tu página en todos los tamaños de dispositivo a la vez
Usa la edición multipágina para editar la página en múltiples tamaños de dispositivo. Diseña fácilmente sitios web responsivos con la herramienta de ayuda de consultas de medios. Agrega puntos de interrupción personalizados o deja que la aplicación los detecte analizando las hojas de estilo.

Pinegrow Pro
Te permite acelerar aún más tu trabajo con funciones inteligentes, como páginas maestras que te permiten definir plantillas para tu proyecto. Convierte los elementos de la página en componentes reutilizables con áreas editables personalizadas. Usa la herramienta como CMS para sitios web HTML estáticos.

Crea temas de WordPress listos para producción
Abre o crea una página HTML en el editor web. Agrega acciones de WordPress a los elementos HTML y configura sus parámetros. Exporta el tema de WordPress. La aplicación genera PHP código y divide la página en archivos de tema PHP.

Pinegrow ama el código
La aplicación no te oculta el código. Edita páginas visualmente y a través del 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 un 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 & CSS).

Crea sitios web rápidamente con bloques
Usa la colección de bloques de sitios web listos para usar para crear rápidamente sitios web de excelente apariencia. Arrastra bloques a la página, personaliza el contenido, aplica estilos con reglas CSS si lo deseas, y tu sitio web estará listo. Incluso puedes crear temas de WordPress totalmente personalizables con bloques.

Edita cualquier página de la web
El programa también te permite abrir cualquier página de la web. Simplemente ingresa la URL y comienza a editar la página remota: cambia el diseño, edita texto e imágenes, modifica las reglas CSS... Esto es ideal para editar CSS de páginas generadas por el servidor y para probar plantillas. Luego guarda los archivos HTML y CSS modificados en tu computadora.

Usa Pinegrow junto con tu editor de código favorito
La herramienta encaja perfectamente en tu flujo de trabajo. Úsala junto con tu editor de código favorito (con actualización automática inteligente), sistema de control de código fuente, administrador de paquetes y herramientas de implementación. Usa el complemento para Atom para sincronizar en vivo las ediciones con la aplicación.

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

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

También disponible: Descargar Pinegrow Web Editor para Windows