Macaw, dibujando código.
Editor / 5 Oct. 2016 / recursos -

Macaw es una potente aplicación para dibujar y codificar al mismo tiempo paginas web, usando lenguajes como HTML y CSS.

Macaw es una potente aplicación para dibujar y codificar al mismo tiempo paginas web, usando lenguajes como HTML y CSS. Funciona igual que los programas de diseño gráfico para fotografía o para vectores con guías y herramientas necesarias para dibujar tu paginas web como la maquetaste en tu programa favorito de diseño.

Bastante bueno para los diseñadores que no les gusta mucho escribir código HTML o CSS, ya que, después de guardar y publicar el dibujo da la pagina web, Macaw escribe el código web necesario para que se vea en cualquier navegador web como: Chrome, Edge, Opera, Firefox, etc.

Macaw contiene características importantes que están hechas para diseñadores web, como:

  • Stream: Un motor que interpreta(render) los diseños de pagina en tiempo real, al cual lo llaman Stream. Con el podemos ver como van quedando nuestros diseños web.
  • Alchemy: Es el motor que convierte nuestro dibujo web en código semántico HTML y CSS respectivamente. Es una de las características que mas destacan a esta aplicación.

Otras características generales pero no menos importantes:

  • Reacciona (responsive): Establece puntos de quiebre (breakpoints) y optimiza su sitio para todos los dispositivos.
  • Tipografía: Use fuentes web o utilice fuentes del sistema como nunca antes.
  • Estilos Globales: Aplicar un estilo de múltiples elementos y modificarlo en un solo lugar.
  • Pre-vista Remota: Difundir el diseño a cualquier dispositivo de la red.
  • Interactivo: Establecer nombres de variables y añadir secuencias de comando para un prototipo rápido.
  • Paginas: Compartir partes activas entre las páginas y guardarlas todas en un solo documento.
  • Posicionamiento: Utilizar posición estática, absoluta y fija para los diseños dinámicos.
  • Elementos: Almacenar elementos en la biblioteca y reutilizar en cualquier página.

Bueno ahí tenemos algunas de las características generales y abajo una foto de la interfaz de la aplicación Macaw.

También se puede modificar el encabezado de la pagina y agregar script. Se puede agregar código CSS también aparte. Viene con una sección llamada Library, donde uno guarda los componentes, imágenes, etc. La grilla que tienen puede ser regulada de manera particular.

Como les digo, es una aplicación bastante completa y sencilla a la vez que ahorra mucho tiempo de trabajo al estar dibujando y creando el código simultáneamente. Para modificar el código resultante (HTML & CSS), si uno no esta conforme con el resultado, debiera el usuario saber aspectos generales de HTML y CSS.

Espero que les haya gustado el articulo, servirá no solo a los expertos, si no que, a los nuevos para saber la lógica del diseño web en general.

Para descargar la aplicacion, vaya aquí  Macaw.


818
Siguenos
Soporta
Somos

Un portal que quiere ayudar a los participantes a mejorar su web.

Dejamos recursos a tu alcance para que los utilices en tus proyectos.

Esperamos te sirvan de gran ayuda a la hora de realizar tus trabajos con todas las herramientas disponibles en la web para ti.






    Blog 3 Web © | Politicas de Privacidad