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, estilos CSS & 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, estilos, herramientas de framework, bibliotecas de componentes y más.

Use la biblioteca de elementos para armar rápidamente un prototipo de página. Duplique la página y juegue con diferentes variaciones de diseño.

Use variables en su lugar y otras funciones de SASS y LESS. Use expresiones matemáticas y funciones como lighten y darken para crear diseños que puedan personalizarse cambiando solo un par de variables, todo en tiempo real. ¿Por qué detenerse en el prototipo? Simplemente conviértalo en una página web diseñada a medida aplicando estilos a los elementos con reglas CSS.

Edite reglas a través del editor visual o escriba el código directamente. Abra varias páginas que compartan la misma hoja de estilos. Los cambios de estilo se reflejan en todas las páginas en tiempo real.

Visualícelas en diferentes tamaños de pantalla. Use 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 de 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 estándar de control de versiones como Git para gestionar 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 añadir, 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 & 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, espaciado, visibilidad e incluso clases flex de Bootstrap. Inserte elementos de una rica biblioteca de componentes.

Edite & pruebe su página en todos los tamaños de dispositivo a la vez
Use la edición multipágina para editar la página en múltiples tamaños de dispositivo. Diseñe fácilmente sitios web responsivos con la herramienta de ayuda de Media queries. Añada 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 elementos de la página en componentes reutilizables con áreas personalizables. Use 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. Añada acciones de WordPress a los elementos HTML y configure sus parámetros. Exporte 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 le 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 inmediatamente visibles en la página y en la interfaz de usuario visual. (Por cierto, esto convierte a Pinegrow en la herramienta perfecta para aprender sobre HTML & CSS).

Cree sitios web rápidamente con bloques
Use la colección de bloques de sitios web prefabricados para construir rápidamente sitios web de gran apariencia. Arrastre bloques a la página, personalice el contenido, aplique estilos a las 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 el 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 a su editor de código favorito
La herramienta se integra perfectamente en su flujo de trabajo. Úsela junto a su editor de código favorito (con recarga automática inteligente), sistema de control de versiones, gestor de paquetes y herramientas de despliegue. Use el complemento para Atom para sincronizar ediciones en vivo con la aplicación.

Edite plantillas HTML PHP, ASP y ERB
Edite visualmente 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
• Use herramientas visuales para diseñar y editar HTML y CSS
• Cambie entre las vistas de editor visual y de código
• Use el panel de árbol para gestionar elementos HTML
• Aplique estilos usando el Panel de estilos o escriba CSS manualmente
• Previsualice su diseño con la vista en vivo multidispositivo
• Guarde su trabajo y exporte el código limpio
• Use componentes integrados o añada sus propias bibliotecas

Requisitos del sistema

macOS 10.13 (High Sierra) o posterior

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

Al menos 4 GB de RAM (8 GB recomendados)

200 MB de espacio disponible en disco

Conexión a Internet para activación y actualizaciones

PROS

• Edición visual y de código en un solo lugar
• Soporta 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

CONTRAS

• Plantillas y temas limitados
• Sin integración CMS incorporada
• La interfaz puede parecer abarrotada
• Menos tutoriales que la competencia

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