---
title: 'Macaw: O que você vê é o que você tem.'
authors: Victor "reidark" Matias
type: post
date: 2014-04-09
excerpt: "Desenhe a web."
url: /macaw-o-que-voce-ve-e-o-que-voce-tem/
dsq_thread_id: 2588930080
categories:
  - Artigos
  - CSS3
  - Editores
  - Notícias
tags:
  - macaw
  - wysiwyg

---
Sempre digo que minha missão como desenvolvedor é descobrir coisa nova. Não importa se irei usar ou não, se gostei ou não, o importante é saber que aquilo existe, e que, provavelmente um dia, por alguma alteração nas constelações, terei que usar.

E hoje, sem mais nem menos, venho lhes apresentar o novo &#8220;WYSIWYG&#8221; (ele <del datetime="2014-04-05">não</del> entraria nessa categoria, mas é que semelhanças são meras coincidências) chamado [MACAW][1].

## Uma ideia

[<img src="https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2014/04/Macaw.png" alt="Macaw" width="400" height="400" class="aligncenter size-full wp-image-42007" />][2]

Macaw, assim como outros projetos que vem surgindo por ai, teve seu início no Kickstarter, pedindo fundos para poder iniciar o projeto. Em primeira mão seria desenvolvido especialmente para OS X, mas abriram o leque de opções e também ofereceram uma versão para PC.

O projeto teve a frente tomada por [Tom Giannattasio][3] e outros desenvolvedores. O pessoal curtiu tanto a ideia desses malucos que conseguiram arrecadar em torno de 275,929 doletas.  Se você quiser, pode conferir o projeto na Kickstarter clicando [aqui][4].

## Da teoria á prática

A teoria desse novo software é a seguinte: &#8220;Pare de escrever código, desenhe ele.&#8221; Parece um pouco bizarro, mas em prática ficou decente. Não sou uma prova viva de que isso realmente funcione, mas, assim como o nosso amigo Dreamweaver, você pode simplesmente ir &#8220;desenhando&#8221; e posicionando os elementos no lugar que você quer e está feito.

Achei legal que ele já vem acompanhado do sistema de Grids, com vários tamanhos e estilos, pra você usar da forma que preferir. É claro que você tem a opção de editar o CSS, não apenas usar o mouse pra controla-lo. Os criadores afirmam e mostram que os projetos podem ser responsivos, semânticos e accessíveis. Talvez seja essa a diferença do Macaw para qualquer outro Software nesse estilo, a opção de, optar como você quer que seu código saia no final do projeto. 

Mesmo que seja um &#8220;WYSIWYG&#8221;, você não vai perder a semântica do HTML5, que é uma das coisas mais importantes no padrão web de hoje em dia (as ferramentas de busca agradecem!). Não vai perder o acesso do celular por seu site estar todo quebrado, porque você pode fazer ele responsivo e também não vai uma pessoa com necessidade ou um simples robô &#8220;na mão&#8221; por não conseguir interpretar o seu código.

[<img src="https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2014/04/macaw2.png" alt="Macaw.co" width="620" height="859" class="aligncenter size-full wp-image-42008" srcset="uploads/2014/04/macaw2.png 620w, uploads/2014/04/macaw2-400x554.png 400w" sizes="(max-width: 620px) 100vw, 620px" />][5]

## &#8220;Getting Started&#8221;

Infelizmente o software não é &#8220;**free**&#8220;. Ele possui um [Trial de 15 dias][6] para testes, e, caso você se apaixone, pode [comprá-lo][7] por _apenas_ 179 dólares. Está disponível para OS X e PC.

O preço é um pouco salgado pra quem realmente curtiu o programa, mas tudo vai do custo x benefício. Se vai lhe ajudar ou salvar, é algo que você deve tirar a conclusão e ver se realmente vale o investimento.

## Concluindo

Eu nunca gostei de softwares nesse estilo, com essa proposta de &#8220;retirar&#8221; o coding de um projeto. Mas, por outro lado, não posso dizer que o Macaw promete muita coisa. É como eu disse no começo desse artigo: esse software não serve pra mim, mas, talvez, ele servirá pra alguém, e se esse alguém souber usar muito bem, ele saberá fazer sites tão bonitos/semânticos/accessíveis quanto qualquer outro. Eu não gosto de ignorar conhecimento. Mesmo que eu nunca use esse software, saberei que ele existe e que um dia pode ser tornar uma febre por ai.

Falei pouco sobre o Macaw, mas eu queria vir trazer essa introdução do programa à vocês, acho interessante deixar todo mundo a par do que está rolando ai por fora.

Deixarei aqui alguns links úteis caso queiram olhar um pouquinho mais do MACAW:

Site oficial > [macaw.co][1]
  
Download Trial > [download.macaw.co][6]
  
Comprar > [secure.macaw.co][7]
  
Fórum de discussão > [forum.macaw.co][8]
  
Projeto no Kickstarter > [Macaw: The Code-Savvy Web Design Tool][4]

Vamos discutir sobre o assunto, porque discutir é sempre saudável, hehe.

Abraços, até a próxima 😉

 [1]: https://macaw.co/
 [2]: https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2014/04/Macaw.png
 [3]: https://attasi.com/
 [4]: https://www.kickstarter.com/projects/macaw/macaw-the-code-savvy-web-design-tool
 [5]: https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2014/04/macaw2.png
 [6]: https://download.macaw.co/
 [7]: https://secure.macaw.co/
 [8]: https://forum.macaw.co/