Pinegrow Web Editor for Mac

Pinegrow Web Editor para Mac es un editor web de escritorio que le permite crear sitios web responsivos más rápido con edición multipágina en vivo, 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 HTML, estilo, herramientas de framework, bibliotecas de componentes y más.

Utilice la biblioteca de elementos para crear rápidamente una maqueta de página. Duplique la página y juegue con diferentes variaciones de diseño.

Utilice variables y otras funciones de SASS y LESS. Utilice 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 continúe y conviértala en una página web de diseño personalizado aplicando estilo a los 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.

Visualícelas en diferentes tamaños de pantalla. Utilice Pinegrow Web Editor para Mac como un 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ñelo en el programa, cambie su diseño con un solo clic. Seleccione el formulario y copie el código HTML.

Utilice herramientas de control de código fuente estándar como Git para administrar su código y colaborar en proyectos con los miembros de su equipo.

Características y aspectos destacados

Acelere 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 varios elementos seleccionados con un solo movimiento.

Bootstrap 3 y 4 y Foundation
Convierta 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. Inserte elementos de una completa biblioteca de componentes.

Edite y pruebe su página en todos los tamaños de dispositivo a la vez
Utilice la edición multipágina para editar la página en varios tamaños de dispositivo. Diseñe fácilmente sitios web responsivos con la herramienta de ayuda de consultas de medios. Agregue puntos de interrupción personalizados o deje que la aplicación los detecte analizando las hojas de estilo.

Pinegrow Pro
Le permite acelerar aún más su trabajo 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.

Cree temas de WordPress listos para producción
Abra o cree una página HTML en el editor web. Agregue acciones de WordPress a los elementos HTML y configure sus parámetros. Exporte 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 le oculta el código. 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 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 y CSS).

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

Edite cualquier página de la web
El programa también le 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 ideal 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.

Utilice Pinegrow junto con su editor de código favorito
La herramienta encaja perfectamente en su flujo de trabajo. Úsela junto con su 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. Utilice el complemento para Atom para sincronizar en vivo las ediciones con la aplicación.

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

Cómo usar

• Instale la aplicación arrastrándola a la carpeta Aplicaciones
• Inicie Pinegrow y cree un nuevo proyecto o abra un archivo
• Utilice herramientas visuales para diseñar y editar HTML y CSS
• Cambie entre las vistas de editor visual y de código
• Utilice el panel del árbol para administrar los elementos HTML
• Aplique estilos usando el Panel de estilo o escriba CSS manualmente
• Obtenga una vista previa de su diseño con la vista multidispositivo en vivo
• Guarde su trabajo y exporte el código limpio
• Utilice componentes integrados o agregue sus propias bibliotecas

Requisitos del sistema

macOS 10.13 (High Sierra) o posterior

Mac Intel o Apple Silicon (M1/M2/M3)

Al menos 4 GB de RAM (se recomiendan 8 GB)

200 MB de espacio disponible en disco

Conexión a Internet para activación y actualizaciones

VENTAJAS

• Edición visual y de código en un solo lugar
• Admite Bootstrap y Tailwind CSS
• Edición multipágina en tiempo real
• Compra única, sin suscripción
• Funciona sin conexión después de la activación

DESVENTAJAS

• Plantillas y temas limitados
• Sin integración CMS integrada
• La interfaz puede parecer desordenada
• Menos tutoriales que los competidores

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

También disponible: Descargar Pinegrow Web Editor para Windows

Traducido por el Equipo de Localización de Filehorse