Pinegrow Web Editor for Mac

Pinegrow Web Editor para Mac es un editor web de escritorio que le permite construir sitios web receptivos más rápido 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 para macOS tiene todo lo que necesita para crear sitios web: herramientas de edición de HTML, estilo, herramientas de marco, bibliotecas de componentes y más. Use 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.

Use variables en su lugar y otras golosinas SASS y LESS. Use expresiones y funciones matemáticas como aclarar y oscurecer para crear diseños que se puedan personalizar cambiando solo un par de variables, todo en tiempo real. ¿Por qué parar en la maqueta? Simplemente siga adelante y conviértalo en una página web diseñada a medida al diseñar elementos con reglas CSS. Edite las 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. Verlos en diferentes tamaños de pantalla. Utilice Pinegrow Web Editor para Mac como CMS para sus páginas HTML estáticas. Mueva los elementos y haga doble clic en cualquier elemento para editar su contenido de texto. ¿Necesita un formulario Bootstrap o una barra de navegación? Diseñe en el programa, cambie 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 y destacados

Acelera 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 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 de framework en potentes herramientas visuales como diseños con columnas redimensionables, visualización de cuadrícula, controles receptivos para texto, color, espaciado, visibilidad e incluso clases flexibles de Bootstrap. Insertar elementos de una rica biblioteca de componentes.

Edite y pruebe su página en todos los tamaños de dispositivos a la vez
Utilice la edición de varias páginas para editar la página en varios tamaños de dispositivo. Diseñe fácilmente sitios web receptivos con la herramienta auxiliar de consulta de medios. Agregue puntos de interrupción personalizados o deje que la aplicación los detecte analizando 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 la página en componentes reutilizables con áreas editables personalizadas. Utilice la herramienta como CMS para sitios web HTML estáticos.

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

Pinegrow ama el código
La aplicación no te oculta el código. Edite 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 visibles de inmediato en la página y en la interfaz de usuario visual. (Por cierto, esto hace que Pine crezca la herramienta perfecta para aprender sobre HTML y CSS).

Cree sitios web rápidamente con bloques
Use la colección de bloques de sitios web listos para construir rápidamente sitios web de excelente apariencia. Arrastre bloques a la página, personalice el contenido, aplique estilo a las reglas CSS si lo desea, y su sitio web estará listo. Incluso puedes crear temas de WordPress totalmente personalizables con bloques.

Edite cualquier página de la web
El programa 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 CSS ... Esto es excelente para editar CSS de páginas generadas por el servidor y para probar plantillas. Luego guarde los archivos HTML y CSS modificados en su computadora.

Use Pinegrow junto con su editor de código favorito
La herramienta se adapta perfectamente a su flujo de trabajo. Úselo junto con su editor de código favorito (con actualización automática inteligente), sistema de control de fuente, administrador de paquetes y herramientas de implementación. Use el complemento para Atom para editar ediciones de sincronización en vivo con la aplicación.

Edite plantillas HTML 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: versión de prueba de 7 días.