<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Rodrigo Muniz</title>
	
	<link>http://rodrigomuniz.com</link>
	<description>Designer de interfaces | Web Designer | Consultoria CMS Wordpress</description>
	<lastBuildDate>Tue, 15 Jun 2010 00:13:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/RodrigoMuniz" /><feedburner:info uri="rodrigomuniz" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><geo:lat>-7.869999</geo:lat><geo:long>-35.45</geo:long><creativeCommons:license>http://creativecommons.org/licenses/by-nc-sa/2.0/</creativeCommons:license><image><link>http://rodrigomuniz.com</link><url>http://feeds.feedburner.com/~fc/RodrigoMuniz?bg=FFFFFF&amp;amp;fg=000000&amp;amp;anim=0</url><title>Esse Feed é gerado pelo FeedBurner.com</title></image><feedburner:browserFriendly>Esse é o Feed do meu site. Com ele você pode receber as minha atualizações da forma mais cômoda possível. Para assina-lo vai precisar de um programa agregador de Feed. Eu indico o cadastro no Bloglines: http://www.bloglines.com/?Lang=portuguese Ambiente em português onde você pode acessar de qualquer PC com internet todas as suas assinaturas de Feed. Parece complicado? Vale tentar! Você não sabe o que está perdendo!</feedburner:browserFriendly><item>
		<title>Mãe eu to no Tecnoblog</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/Taqloq0kenU/</link>
		<comments>http://rodrigomuniz.com/blog/mae-eu-to-no-tecnoblog/#comments</comments>
		<pubDate>Tue, 15 Jun 2010 00:13:20 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Geral]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=851</guid>
		<description><![CDATA[
			
				
			
		
Fui convidado para escrever dicas sobre Mac no Tecnoblog. Fiquei bastante feliz com o convite, já acompanhava o trabalho deles como leitor assíduo e escrever sobre a plataforma da Apple vai ser bem divertido.
Um amigo perguntou: Se o Mac é tão fácil de usar, onde você vai conseguir dicas? Ele está certo ao falar que é [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fmae-eu-to-no-tecnoblog%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fmae-eu-to-no-tecnoblog%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Fui convidado para escrever dicas sobre Mac no <a href="http://tecnoblog.net/">Tecnoblog</a>. Fiquei bastante feliz com o convite, já acompanhava o trabalho deles como leitor assíduo e escrever sobre a plataforma da Apple vai ser bem divertido.</p>
<p>Um amigo perguntou: Se o Mac é tão fácil de usar, onde você vai conseguir dicas? Ele está certo ao falar que é fácil, mas todo sistema operacional tem seus truques e aquilo que parece ser fácil para alguns pode não ser para todos. Além disso, existem bons softwares saindo todo dia pra plataforma.</p>
<p>Se você usa ou está pensando em comprar um Mac, <a href="http://tecnoblog.net/dicasapple/">vai lá conferir as dicas Apple</a>. E mesmo se você não gosta do &#8220;bla bla bla da maça” ainda pode aproveitar <a href="http://tecnoblog.net/">o melhor blog de tecnologia atual</a>.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Taqloq0kenU:JYdpkKI31tY:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=Taqloq0kenU:JYdpkKI31tY:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Taqloq0kenU:JYdpkKI31tY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Taqloq0kenU:JYdpkKI31tY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Taqloq0kenU:JYdpkKI31tY:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=Taqloq0kenU:JYdpkKI31tY:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Taqloq0kenU:JYdpkKI31tY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/Taqloq0kenU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/mae-eu-to-no-tecnoblog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/mae-eu-to-no-tecnoblog/</feedburner:origLink></item>
		<item>
		<title>Google Font API é uma ótima idéia para o próprio Google</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/FH3NT9ETY9k/</link>
		<comments>http://rodrigomuniz.com/blog/google-font-api-e-uma-otima-ideia-para-o-proprio-google/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 21:35:25 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=837</guid>
		<description><![CDATA[
			
				
			
		
Dependência, precisava iniciar com a palavra-chave deste texto. Para entender melhor você terá primeiro que conhecer duas histórias: a origem do sucesso do Microsoft Windows e a da App Store da Apple. Na época em que Bill Gates criou a Microsoft com o objetivo de alugar a licença do Windows, foi importantíssimo que a concorrência [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fgoogle-font-api-e-uma-otima-ideia-para-o-proprio-google%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fgoogle-font-api-e-uma-otima-ideia-para-o-proprio-google%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Dependência, precisava iniciar com a palavra-chave deste texto. Para entender melhor você terá primeiro que conhecer duas histórias: a origem do sucesso do <strong>Microsoft Windows</strong> e a da <strong>App Store da Apple</strong>. Na época em que Bill Gates criou a Microsoft com o objetivo de alugar a licença do Windows, foi importantíssimo que a concorrência achasse que o aluguel de software doméstico nunca daria certo, enquanto o público achava isso uma vantagem e enchia o bolso do Gates de grana. Já no caso da App Store, a Apple usa sua vantagem técnica no mercado móvel para criar tendências tanto com os desenvolvedores, quanto com os usuário; dessa forma vai moldando o mercado e engolindo a concorrência. Nos dois casos vemos duas gigantes aproveitando oportunidades num determinado mercado e plataforma para gerar dependência. O Google está fazendo isso neste exato momento e sua plataforma é a aberta e sem dono Web. E eles conhecem bem essas características e também sabem como ganhar dinheiro com isso (como ninguém hoje sabe).</p>
<p>Junte essa <em>expertise</em> do Google ao fato dos Desenvolvedores Web serem criaturas mal entendidas e que não estão acostumados a terem coisas fáceis e que funcionam logo de primeira. A demora na finalização de novos padrões como o <strong>HTML5</strong> e <strong>CSS3</strong> e a medonha era do <strong>Internet </strong><strong>Explorer</strong><strong> 6</strong> falam bem do nosso sofrimento. Então, crie um ambiente lindo para esses carentes e eles serão seus escravos. Não quero pagar de profeta do apocalipse da liberdade na Web, mas o Google está criando essa dependência e parece que ninguém está vendo.</p>
<h2>O que o Google Font <acronym title="Application Programming Interface">API</acronym> tem a ver com isso tudo?</h2>
<p><img class="aligncenter size-full wp-image-843" title="Google fonts" src="http://rodrigomuniz.com/wp-content/img/2010/06/googlefonts.jpg" alt="" width="298" height="73" /></p>
<p>Por que a gente só usa Verdana, Arial, Helvetica, Tahoma, Trebuchet <acronym title="Microsoft">MS</acronym>? Com a limitação técnica de alguns browers (Firefox até pouco tempo não aceitava <em>embedded fonts</em>) e problemas com licença de uso das fontes, ficamos dependentes dessas famílias que já vem instaladas nos sistemas operacionais mais populares. A questão é que o Google está usando um problema para o qual <a href="http://www.fontsquirrel.com/fontface/generator">já existe solução</a> para ganhar poder por meio da dependência.</p>
<h3>Trocando limitação por limitação + dependência</h3>
<p>A solução do Google para nossa limitação de escolha é um <a href="http://code.google.com/webfonts">diretório de fontes opensource</a> tão limitado quanto as opções que usamos hoje. Imagine um cenário onde grandes sites começam a usá-las. Isso vai influenciar os menores e só serve para criarmos um novo leque de &#8220;fontes padrão&#8221;. E o pior de tudo é que a nova pasta <strong>C:\Windows\Fonts</strong> será um dos servidores da empresa de Mountain View. Eu sei que podemos baixar as fontes e apontar o link do @font-face para a pasta do projeto, mas é exatamente aí que o Google usa sua estrutura e popularidade para criar a vantagem do cache e bancar de bom moço. O mesmo acontece quando ele <a href="http://code.google.com/apis/ajaxlibs/documentation/">oferece seus servidores</a> para criar um cache de arquivos JavaScript de frameworks famosos, como o jQuery. É uma ótima iniciativa para projetos pequenos, porém realmente queremos usá-la em grandes sites de nossos clientes, deixando-os dependendo dos servidores de uma empresa já tão dominante?</p>
<p>Na minha opinião o único problema que o Google resolve no caso das fontes é o de licença de uso. Eu realmente não acho uma boa idéia começar a usar essas fontes em projetos comerciais usando o @font-face com link nos servidores do buscador. Nós podemos muito bem continuar otimizando nossos próprios servidores e criar nosso próprio repositório, centralizando as fontes que mais usamos em nossos projetos. Não teremos a vantagem da disseminação que os servidores deles tem para criar cache nas máquinas dos usuários, mas pensando bem um arquivo de fonte com 30 ou 40k é bem menor que muita imagem que usamos nos nossos sites. É só não exagerar e fugir do grande irmão.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=FH3NT9ETY9k:3IMaqqZcvh8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=FH3NT9ETY9k:3IMaqqZcvh8:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=FH3NT9ETY9k:3IMaqqZcvh8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=FH3NT9ETY9k:3IMaqqZcvh8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=FH3NT9ETY9k:3IMaqqZcvh8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=FH3NT9ETY9k:3IMaqqZcvh8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=FH3NT9ETY9k:3IMaqqZcvh8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/FH3NT9ETY9k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/google-font-api-e-uma-otima-ideia-para-o-proprio-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/google-font-api-e-uma-otima-ideia-para-o-proprio-google/</feedburner:origLink></item>
		<item>
		<title>Redesign: Sitemap e Wireframes. É a hora do conteúdo</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/te6KpgJBDv4/</link>
		<comments>http://rodrigomuniz.com/blog/redesign-sitemap-wireframes-conteudo/#comments</comments>
		<pubDate>Mon, 17 May 2010 11:45:38 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[conteúdo]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[redesing5.0]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=760</guid>
		<description><![CDATA[<a href="http://rodrigomuniz.com/blog/redesign-sitemap-wireframes-conteudo/"><img src="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.01-300x216.png" alt="Wireframes" /></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fredesign-sitemap-wireframes-conteudo%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fredesign-sitemap-wireframes-conteudo%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>A <a href="http://rodrigomuniz.com/blog/tag/redesing50/">série de posts sobre a versão 5</a> do site continua e a coisa agora fica quente. Já estou cheio de idéias para fazer a faxina na casa e a hora de começar de fato a estruturá-las é agora.</p>
<p>Antes de estruturar o sitemap e os wireframes, que tal dar uma analisada como ficaria o sitemap novo com a mesma estrutura que o blog atual tem?<br />
<img class="alignnone size-full wp-image-761" title="A organização das categorias é uma vergonha!" src="http://rodrigomuniz.com/wp-content/img/2010/05/Screen-shot-2010-05-13-at-11.22.21-PM.gif" alt="" width="460" height="492" /></p>
<h3>O antes</h3>
<ul>
<li>Acessibilidade</li>
<li>AI</li>
<li>Brasil</li>
<li>Cultura</li>
<li>Dicas e Resenhas</li>
<li>Faculdade</li>
<li>Geral</li>
<li>Navegadores</li>
<li>Opensource</li>
<li>Postuxos</li>
<li>Software</li>
<li>Tecnologia</li>
<li>Usabilidade</li>
<li>Vídeos</li>
<li>Web</li>
<li>Wenetus</li>
<li>Wordpress</li>
</ul>
<p>São 17 categorias que na verdade nada organizam, isto é exatamente o resultado de um site/blog sem foco. Tenho 5 anos de blog e 4 são deste site (tinha um blogger vergonha alheia) e quanto mais o tempo passava, mais me enrolava para classificar o meu conteúdo. Não houve planejamento. Em função disso não sabia exatamente o que ia escrever amanhã, poderia escrever sobre tudo. Pra mim, hoje esse blog poderia ter só a categoria &#8220;Geral&#8221;, não faria diferença.</p>
<p>Para a nova versão pensei até em usar só tags para resolver o problema, mas ai vou cair no risco de não obedecer o foco que quero dar, preciso de uma estrutura amarrada pra isso. E algumas coisas realmente podem ser reaproveitadas e outras podem ser agrupadas da estrutura atual.</p>
<h3>O depois</h3>
<p>Pensando no <a href="http://rodrigomuniz.com/blog/planejando-o-redesign-analise-do-publico-e-linha-editorial/">planejado para o público</a>, olhando o conteúdo das principais categorias, e também dando uma olhada nos blogs de profissionais web por ai, cheguei a seguinte solução:</p>
<ul>
<li>Dicas</li>
<li>Resenhas</li>
<li>Misc (Brasil, Cultura, Faculdade, Geral)</li>
<li>Mercado (Navegadores, Opensource, Software, Tecnologia)</li>
<li>Postuxos</li>
<li>Vídeos</li>
<li>Web &amp; Interface (Acessibilidade, AI, Usabilidade)</li>
<li>Wenetus</li>
<li>Wordpress</li>
</ul>
<p>Sobraram 9 categorias, uma boa enxugada. Resolvi separar as resenhas das dicas, pois vou tentar dar um foco maior à dicas para desenvolvimento e produção de projetos web. Ia excluir a categoria &#8220;Postuxos&#8221; por ser uma piada sem graça e por existir o <a href="http://twitter.com/rdmuniz">Twitter</a> para desabafar e falar besteiras, mas ela da um toque pessoal e às vezes 140 caracteres não são suficiente. Então temos a versão final da lista do sitemap com outros pequenos ajustes:<br />
<img class="alignnone size-full wp-image-805" title="Sitemap aprovado" src="http://rodrigomuniz.com/wp-content/img/2010/05/Screen-shot-2010-05-17-at-2.14.45-PM-e1274116616410.png" alt="" width="460" height="407" /></p>
<p>Ai passei isso para o organograma:</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.0--e1274005456891.png"><img class="alignnone size-medium wp-image-796" title="wireframes-rm5.0" src="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.0--e1274005456891-300x217.png" alt="" width="300" height="217" /></a></p>
<p>Mas ai eu analisei e pensei, por que o Início já não poderia ser o Portfolio? O organograma final:</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.0-copy-2-e1274005419269.png"><img class="alignnone size-medium wp-image-797" title="wireframes-rm5.0 organograma final" src="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.0-copy-2-e1274005419269-300x218.png" alt="" width="300" height="218" /></a></p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/sitemap-5.0.pdf"></a>Pronto, é hora dos wireframes.</p>
<p>Não vou criar um inventário de conteúdo, não faz muito sentido quando eu mesmo sou o cliente e estou trabalhando sozinho. Mas em projetos do dia-a-dia é uma das fases que mais evita furos no escopo por parte do cliente e também o retrabalho, ou seja, não ignore a planilha de inventário para levantamento do conteúdo.</p>
<h3>Wireframes</h3>
<p>É importante agora, no início desta fase, ter um e apenas um objetivo fixo em mente para poder começar acertando, mesmo que você tenha mais de um objetivo no projeto foque no principal para começar. O meu será: Estrutura simples para apresentar a mim e meu trabalho. Então vamos tentar cortar da mente toda essa baboseira de blog que rodeia essa versão atual. É importante ir para o papel antes de abrir qualquer programa gráfico. Vá por mim, o resultado é muito melhor. A primeira tentativa:</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/Home1.png"><img class="alignnone size-medium wp-image-773" title="Wireframe da home" src="http://rodrigomuniz.com/wp-content/img/2010/05/Home1-300x298.png" alt="" width="300" height="298" /></a></p>
<p><strong><em>*PEEEEN*</em></strong> &#8211; Depois de terminar essa versão eu só tinha uma coisa na cabeça: &#8220;Mas que merd* é essa?&#8221;. Isso não passa nem perto do simples e minimalista que tenho em mente. Mas o sono era o problema, tive uma semana pesada de reuniões e madrugadas de trabalho. Nada como &#8220;dormir no problema&#8221;.</p>
<p>No outro dia <a href="http://wireframes.tumblr.com/">fui à caça de inspiração</a> e percebi que realmente o modelo de blog/life streaming não queria sair da minha mente e eu precisava abraçar de vez o objetivo de criar uma coisa que fosse realmente simples. Comecei do zero e inclusive tomei outra decisão-chave para o conteúdo: <strong>a home será em inglês</strong>. O motivo é que acredito (nesse caso específico) que usando o inglês na home consigo atingir um público mais amplo com meu portfolio divulgando também a <a href="http://wenetus.com">Wenetus</a>. E minha proposta é tratar a home realmente como uma coisa especial e bem separada do blog, que continuará em português. Também tive a idéia de dividir a publicação deste redesign em 2 fases jogando primeiro a home nova no ar, deixando o blog intácto na primeira fase, mas isso é papo pra depois.</p>
<p>Usando o template para <a href="http://www.omnigroup.com/products/omnigraffle/">OmniGraffle</a> do <a href="http://960.gs/">sistema de grid 960gs</a> consegui chegar numa estrutura que finalmente me agradou:</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.01.png"><img class="alignnone size-medium wp-image-795" title="wireframes-5.0" src="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-5.01-300x216.png" alt="" width="300" height="216" /></a></p>
<p>De cara já me apresenta rapidamente com um texto curto (algum erro de ingles?), relevante e com vários links. Continuando já mostra uma área grande com um slideshow não só com imagens mas também já com detalhes dos trabalhos e as abas para filtrar.</p>
<p>Sacrifiquei do texto da descrição a faculdade, realmente não acrescentava muito no momento. Dessa home eu só não estou mostrando a solução que estou pensando para o Twitter, pois quero que seja um fator surpresa no lançamento. :) O que você achou? (Eu sei, em tempos de Twitter ninguém vai responder a um texto tão grande). Próxima etapa: O layout!</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/05/wireframes-rm5.0.pdf"><strong>Faça o download do <acronym title="Portable Document Format">PDF</acronym> completo</strong></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=te6KpgJBDv4:dUeQ_75h6ng:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=te6KpgJBDv4:dUeQ_75h6ng:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=te6KpgJBDv4:dUeQ_75h6ng:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=te6KpgJBDv4:dUeQ_75h6ng:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=te6KpgJBDv4:dUeQ_75h6ng:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=te6KpgJBDv4:dUeQ_75h6ng:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=te6KpgJBDv4:dUeQ_75h6ng:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/te6KpgJBDv4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/redesign-sitemap-wireframes-conteudo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/redesign-sitemap-wireframes-conteudo/</feedburner:origLink></item>
		<item>
		<title>upSoonXML versão 0.5</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/PzMJYCQEY40/</link>
		<comments>http://rodrigomuniz.com/blog/upsoonxml-versao-0-5/#comments</comments>
		<pubDate>Sun, 16 May 2010 09:27:47 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[mailing]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=788</guid>
		<description><![CDATA[<a href="http://rodrigomuniz.com/blog/upsoonxml-versao-0-5/"><img class="alignnone size-medium wp-image-789" title="Tela da versão 0.5" src="http://rodrigomuniz.com/wp-content/img/2010/05/Screen-shot-2010-05-16-at-6.17.57-AM-300x259.png" alt="" width="300" height="259" /></a>
Nova versão do upSoonXML saindo do forno com várias melhorias, incluindo Ajax no formulário.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fupsoonxml-versao-0-5%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fupsoonxml-versao-0-5%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Nova versão do <a href="http://code.google.com/p/upsoonxml/">upSoonXML</a> saindo do forno, pulei da versão 0.1 direto pra 0.5, pois foram várias melhorias. <a href="http://rodrigomuniz.com/blog/upsoonxml-pagina-em-breve-php-mailing/">Pra quem não sabe o que é o upSoonXML</a>.</p>
<p>Principais recursos e melhorias desse release:</p>
<ol>
<li>Ajax no formulário;</li>
<li>Compatível com <acronym title="Internet Explorer">IE</acronym> 6, 7 e 8;</li>
<li>Nova opção para informar a data prevista para o lançamento do site (Opcional);</li>
<li>Nova opção para escolher não indexar a página em mecanismos de busca como o Google;</li>
<li>Nova opção para usar o Google Analytics apenas informando o código UA-XXXXX;</li>
<li>Formulário agora é exibido quando o JavaScript está desabilitado;</li>
<li>A configuração de logotipo agora recebe uma <acronym title="Uniform Resource Locator">URL</acronym>, se estiver vazia o sistema oculta a imagem;</li>
<li>É possível ocultar o título e subtítulo, ou os dois sem precisar editar o <acronym title="HyperText Markup Language">HTML</acronym>;</li>
<li>Otimizações gerais no código.</li>
</ol>
<p><a href="http://code.google.com/p/upsoonxml/"><img class="alignnone size-medium wp-image-789" title="Tela da versão 0.5" src="http://rodrigomuniz.com/wp-content/img/2010/05/Screen-shot-2010-05-16-at-6.17.57-AM-300x259.png" alt="" width="300" height="259" /></a></p>
<ul>
<li><strong><a href="http://labs.rodrigomuniz.com/upsoonXML/">Demo</a></strong></li>
<li><a href="http://code.google.com/p/upsoonxml/downloads/list">Download</a></li>
</ul><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=PzMJYCQEY40:aadjcapSloI:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=PzMJYCQEY40:aadjcapSloI:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=PzMJYCQEY40:aadjcapSloI:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=PzMJYCQEY40:aadjcapSloI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=PzMJYCQEY40:aadjcapSloI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=PzMJYCQEY40:aadjcapSloI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=PzMJYCQEY40:aadjcapSloI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/PzMJYCQEY40" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/upsoonxml-versao-0-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/upsoonxml-versao-0-5/</feedburner:origLink></item>
		<item>
		<title>Simple Desktops</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/4YiTndnOhuE/</link>
		<comments>http://rodrigomuniz.com/blog/simples-desktops/#comments</comments>
		<pubDate>Thu, 13 May 2010 20:01:49 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=743</guid>
		<description><![CDATA[<a href="http://rodrigomuniz.com/blog/simples-desktops/"><img class="alignnone size-medium wp-image-750" title="charlies-shirt-simple-2560x1600" src="http://rodrigomuniz.com/wp-content/img/2010/05/charlies-shirt-simple-2560x1600-300x187.png" alt="" width="300" height="187" /></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fsimples-desktops%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fsimples-desktops%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>O <a href="http://simpledesktops.com">Simple Desktops</a> já é bem conhecido por ai. Uma coleção de <strong>wallpapers minimalistas</strong> pra deixar seu desktop sem distrações e efeitos que se confundem com a interface do sistema operacional e pra lhe ajudar a ficar mais focado sem perder o charme. Criei e submeti alguns:</p>
<p><a href="http://simpledesktops.com/browse/photos/2010/may/07/charlies-shirt/"><img class="alignnone size-medium wp-image-750" title="charlies-shirt-simple-2560x1600" src="http://rodrigomuniz.com/wp-content/img/2010/05/charlies-shirt-simple-2560x1600-300x187.png" alt="" width="300" height="187" /></a></p>
<p><a href="http://simpledesktops.com/browse/photos/2010/apr/16/rotate-ipad/"><img class="alignnone size-medium wp-image-752" title="ipad-simple-2560x1600" src="http://rodrigomuniz.com/wp-content/img/2010/05/ipad-simple-2560x1600-300x187.png" alt="" width="300" height="187" /></a></p>
<p><a href="http://simpledesktops.com/browse/photos/2010/may/07/playmobil-head/"><img class="alignnone size-medium wp-image-753" title="playmobil-simple-2560x1600" src="http://rodrigomuniz.com/wp-content/img/2010/05/playmobil-simple-2560x1600-300x187.png" alt="" width="300" height="187" /></a></p>
<p><a href="http://simpledesktops.com/browse/photos/2010/apr/12/hot-dog/"><img class="alignnone size-medium wp-image-751" title="hot-dog-simple-2560x1600" src="http://rodrigomuniz.com/wp-content/img/2010/05/hot-dog-simple-2560x1600-300x187.png" alt="" width="300" height="187" /></a></p>
<p>Eu que sou um wallpaper freak e apaixonado por minimalismo já baixei quase todos. Mais dicas de links eu posto lá no <a href="http://twitter.com/rdmuniz">Twitter</a>.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4YiTndnOhuE:gLIy9XAl_4Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=4YiTndnOhuE:gLIy9XAl_4Q:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4YiTndnOhuE:gLIy9XAl_4Q:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4YiTndnOhuE:gLIy9XAl_4Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4YiTndnOhuE:gLIy9XAl_4Q:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=4YiTndnOhuE:gLIy9XAl_4Q:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4YiTndnOhuE:gLIy9XAl_4Q:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/4YiTndnOhuE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/simples-desktops/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/simples-desktops/</feedburner:origLink></item>
		<item>
		<title>upSoonXML: Aquela sua página ‘Em breve’ com utilidade</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/RG9QtuBOJok/</link>
		<comments>http://rodrigomuniz.com/blog/upsoonxml-pagina-em-breve-php-mailing/#comments</comments>
		<pubDate>Mon, 10 May 2010 11:30:58 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[mailing]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=724</guid>
		<description><![CDATA[Sabe quando aquele website está na fila para ser lançado e não tem nada para publicar no lugar? Geralmente os usuários caem numa página tosca ou em branco. O upSoonXML é um micro projeto em PHP de código aberto que criei para sanar isso com simplicidade.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fupsoonxml-pagina-em-breve-php-mailing%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fupsoonxml-pagina-em-breve-php-mailing%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Sabe quando aquele website está na fila para ser lançado e não tem nada para publicar no lugar? Geralmente os usuários caem numa página tosca ou em branco. O <a href="http://code.google.com/p/upsoonxml/">upSoonXML</a> é um micro projeto em <acronym title="Hypertext PreProcessing">PHP</acronym> de código aberto que criei para sanar isso, com os seguintes princípios:</p>
<ul>
<li>simples e minimalista</li>
<li>útil</li>
<li>menor número possível de arquivos</li>
<li><em>folderless</em> (nada de pastas)</li>
<li><em>SGBDless</em> :P (nada de configuração de SGDB)</li>
<li>visual universal</li>
<li>divertida de usar</li>
</ul>
<p>O objetivo mesmo é criar uma página ágil e simples até a morte de configurar usando <acronym title="eXtensible Markup Language">XML</acronym> como banco de dados, dando ao usuário a opção de informar seu e-mail para quando o site for lançado você consiga avisá-lo.</p>
<p><a href="http://code.google.com/p/upsoonxml/"><img class="aligncenter size-medium wp-image-725" title="upSoonXML" src="http://rodrigomuniz.com/wp-content/img/2010/05/Screen-shot-2010-05-09-at-7.41.02-AM-300x218.png" alt="" width="300" height="218" /></a></p>
<p>Lembrando que não sou programador, portanto não ria do meu <acronym title="Hypertext PreProcessing">PHP</acronym>. É exatamente por isso que estou abrindo <a href="http://code.google.com/p/upsoonxml/source/browse/">o código</a>. <a href="http://code.google.com/p/upsoonxml/">Vamos lá participar no Google Code</a>? :) Se não tiver interesse em colaborar, ainda assim pode usar no <em>workflow</em> dos seus projetos web:</p>
<ul>
<li><strong><a href="http://labs.rodrigomuniz.com/upsoonXML/">Demo</a></strong></li>
<li><a href="http://code.google.com/p/upsoonxml/downloads/list">Download</a></li>
</ul><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=RG9QtuBOJok:o2kqMZmdNAM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=RG9QtuBOJok:o2kqMZmdNAM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=RG9QtuBOJok:o2kqMZmdNAM:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=RG9QtuBOJok:o2kqMZmdNAM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=RG9QtuBOJok:o2kqMZmdNAM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=RG9QtuBOJok:o2kqMZmdNAM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=RG9QtuBOJok:o2kqMZmdNAM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/RG9QtuBOJok" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/upsoonxml-pagina-em-breve-php-mailing/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/upsoonxml-pagina-em-breve-php-mailing/</feedburner:origLink></item>
		<item>
		<title>Um PSD do iPad em tamanho real e vetorial</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/Z2Xy1ZnUZK0/</link>
		<comments>http://rodrigomuniz.com/blog/psd-ipad-vertor-tamanho-real/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 16:30:23 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[vetor]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=697</guid>
		<description><![CDATA[<a href="http://rodrigomuniz.com/blog/psd-ipad-vertor-tamanho-real/"><img class="aligncenter size-full wp-image-698" title="iPad PSD" src="http://rodrigomuniz.com/wp-content/img/2010/04/iPad_2.png" alt="" width="450" height="350" /></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fpsd-ipad-vertor-tamanho-real%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fpsd-ipad-vertor-tamanho-real%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Criei um iPad em tamanho real no Photoshop, mas todo em vetor e sem usar degradês, sem efeitos como drop shadow e sem texturas, tudo chapado. Como o design do produto realmente é muito simples, nem chegou a dar grande trabalho. Desafio pessoal, mas resolvi disponibilizar o arquivo PSD pra download pois o front pode ser útil pra prototipagem.<br />
<a href="http://cl.ly/FXN"><img class="aligncenter size-full wp-image-698" title="iPad PSD" src="http://rodrigomuniz.com/wp-content/img/2010/04/iPad_2.png" alt="" width="450" height="350" /></a><br />
<a href="http://cl.ly/FXN">Download 3.5MB</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Z2Xy1ZnUZK0:kYJLWmzkRFs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=Z2Xy1ZnUZK0:kYJLWmzkRFs:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Z2Xy1ZnUZK0:kYJLWmzkRFs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Z2Xy1ZnUZK0:kYJLWmzkRFs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Z2Xy1ZnUZK0:kYJLWmzkRFs:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=Z2Xy1ZnUZK0:kYJLWmzkRFs:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=Z2Xy1ZnUZK0:kYJLWmzkRFs:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/Z2Xy1ZnUZK0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/psd-ipad-vertor-tamanho-real/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/psd-ipad-vertor-tamanho-real/</feedburner:origLink></item>
		<item>
		<title>Planejando o redesign: Análise do público e linha editorial</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/g5FXIrnXIQU/</link>
		<comments>http://rodrigomuniz.com/blog/planejando-o-redesign-analise-do-publico-e-linha-editorial/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 16:40:05 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[público alvo]]></category>
		<category><![CDATA[redesing]]></category>
		<category><![CDATA[redesing5.0]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=383</guid>
		<description><![CDATA[Num redesign, ao estudar o público que já consome seu conteúdo é interessante não esquecer de pensar no novo público que ainda não conhece o site e que será seu alvo.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fplanejando-o-redesign-analise-do-publico-e-linha-editorial%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fplanejando-o-redesign-analise-do-publico-e-linha-editorial%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Segundo post da série sobre o redesign deste site criando a versão 5.0:</p>
<ol>
<li><a href="http://rodrigomuniz.com/blog/redesign-preparando-a-nova-versao-deste-site/">Redesign: Preparando a nova versão deste site</a></li>
</ol>
<p>Num redesign, ao estudar o público que já consome seu conteúdo é interessante não esquecer de pensar no novo público que ainda não conhece o site e que será seu alvo, mas primeiro escolhi estudar quem já o conhece. Por onde começar? O melhor é mesmo analisar suas estatísticas de acesso para diagnosticar as características de quem sempre volta e tentar observar oportunidades. Há várias ferramentas para isso, algumas oferecidas pelo próprio servidor de hospedagem, uso o popular <a href="http://www.google.com/analytics">Google Analytics</a>. Olhemos alguns dados do último ano:</p>
<h3>Novos x Antigos<br />
<img class="alignnone size-full wp-image-439" title="Novos visitantes em azul, retornos em verde" src="http://rodrigomuniz.com/wp-content/img/2009/07/pie.png" alt="Novos visitantes em azul, retornos em verde" width="340" height="240" /></h3>
<p><strong>14,66%</strong> dos visitantes são aqueles que voltam ao blog, um pouco mais de 84 mil visitas e ficaram em média 00:01:32 navegando. Eles serão o foco da análise por enquanto. Mas bateu a curiosidade: de onde vêm esses <strong>85,34%</strong>? Depois do Google, os dois maiores responsáveis por jogar visitantes aqui foram o Google Images e <a href="http://twitter.com/rdmuniz">Twitter</a>. Engraçado que o Orkut está na lista mesmo eu não participando ativamente da rede, parece que os links postados por outras pessoas nos tópicos das comunidades sobre web trazem bons resultados, pelo menos a longo prazo.</p>
<h3>Recursos de navegador/dispositivo</h3>
<p>Voltando o foco aos que retornam, a grande vantagem de se fazer um redesign é poder analisar os recursos dos dispositivos usados por eles para assim decidir tecnicamente quais tecnologias podemos usar, e que não eram aplicadas antes ou quais podemos descartar (sim, estou falando especificamente do Internet Explorer 6). Filtrando o seguimento do Analytics por quem retorna, o quadro de navegadores no último ano fica:</p>
<p><a href="http://rodrigomuniz.com/wp-content/img/2010/03/browsers.png"><img class="aligncenter size-full wp-image-577" title="Dados de navegadores. Firefox com 60,37%" src="http://rodrigomuniz.com/wp-content/img/2010/03/browsers.png" alt="" width="450" height="203" /></a></p>
<p>Entre os navegadores o Firefox teve um desempenho fantástico, <strong>60,37%</strong> contra <strong>20,74% </strong>do Internet Explorer (ainda bastante gente). E se formos um pouco mais fundo, nesse ano, foram apenas 430 visitas usando Internet Explorer 6, dentre os que voltam ao blog. Sim, menos de 450 em um ano inteiro. Se você é um deles, infelizmente vai ter que aceitar que não é um número expressivo o suficiente para exigir abraços, flores e chocolates. Pra mim os bugs do <acronym title="Internet Explorer 6">IE6</acronym> oficialmente são passado depois destes dados, me desculpem mas vocês serão ignorados para o bem da maioria esmagadora que usa browser moderno e para o bem dos meus futuros cabelos brancos. Claro que tenho a sorte de ter um público nerd, isso fez a diferença. Outra coisa que me ajudou a decidir derrubar o suporte ao <acronym title="Internet Explorer 6">IE6</acronym> foi a <a href="http://techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/">atitude do Youtube de fazer o mesmo</a>. Ainda nos navegadores, não dá pra passar batido o desempenho do <a href="http://chrome.google.com">Chrome</a>, que em tão pouco tempo de vida já tem mais de 10% das visitas, metade de todas as versões do Internet Explorer.</p>
<p>Não vou entrar nos pontos de sistema operacional, versão do Flash ou Java. São coisas que não fazem tanta diferença para meu objetivo. Só é interessante apontar que em 1 ano o blog só teve 52 visitas de pessoas usando iPhone/iPod Touch, ou seja, ainda não é um público que mereça uma versão exclusiva. Mas da forma que estou pensando a interface a experiência de toque deve melhorar consideravelmente e a falta de visitas pode ser justamente por hoje não ser uma experiência tão legal.</p>
<p>Legal mesmo é ver que nos últimos tempos nós designers ganhamos muito espaço nos monitores. Entre os que retornam, cerca de 2% usaram resolução 800 x 600 ou menor. E entre todos os visitantes esse número é um pouco menor que 5% do total. Então o layout para 1024 de largura continuará firme e forte e o tamanho grandes das fontes está a caminho.</p>
<h3>Redesign do conteúdo</h3>
<p>Quando pensamos em mudar a linha editorial de algum site hoje, não é possível fazer isso com sucesso sem analisar o que as pessoas estão procurando nos mecanismos de busca (AKA Google) e acabam caindo nele.</p>
<p>Não há nenhuma surpresa. O buscador de Mountain View ainda é a grande fonte de novas visitas daqui. São <strong>66,72%</strong> do total e dentre os buscadores ele tem a &#8220;pequena&#8221; marca de <strong>98,90%</strong>. E afinal o que procuram? Nesse último ano os 25 termos mais procurados entre novos visitantes foram:</p>
<div id="_mcePaste">
<ol>
<li><strong>instalar wordpress</strong></li>
<li><strong>como instalar wordpress</strong></li>
<li><strong>como instalar o wordpress</strong></li>
<li><strong>instalando wordpres</strong>s</li>
<li><strong>instalando o wordpress</strong></li>
<li><strong>tutorial wordpress</strong></li>
<li><strong>wordpress</strong></li>
<li><strong>wordpress tutorial</strong></li>
<li>entrevista de emprego</li>
<li><strong>instalação wordpress</strong></li>
<li><strong>instalar o wordpress</strong></li>
<li><strong>wordpress instalação</strong></li>
<li><strong>dicas wordpress</strong></li>
<li><strong>configurar wordpress</strong></li>
<li>free maisa</li>
<li>mozilla firefox 1.5</li>
<li>dicas itunes</li>
<li><strong>wordpress instalar</strong></li>
<li><strong>instalação do wordpress</strong></li>
<li><strong>wordpress como instalar</strong></li>
<li>rodrigo muniz</li>
<li><strong>como configurar o wordpress</strong></li>
<li>max gehringer</li>
<li><strong>tutorial wordpress portugues</strong></li>
<li>webdesigner</li>
</ol>
</div>
<p>Definitivamente o Wordpress é o rei do conteúdo do blog para quem chega do Google, isso já me ajuda a pensar em alguma idéia específica para esse público, mas definitivamente não será o foco do meu conteúdo. Pretendo focar mais em assuntos de design, interface homem-máquina e desenvolvimento web em todas as fases, incluindo atendimento e planejamento que aprendi a gostar na marra. :) Também pretendo soltar mais material experimental como ícones, wallpapers e criar pet-projects que brinquem com a <acronym title="Application Programming Interface">API</acronym> de redes sociais.</p>
<h3>Definindo o público alvo</h3>
<p>Já deu uma geral no público cativo? É hora de preparar uma estratégia para atingir também o que você define como público alvo da nova versão. No meu caso eu defini 2 tipos de público e adicionei o que o destino (Google) me reservou:</p>
<ul>
<li>Empresas de médio e grande porte interessadas em contratar a <a href="http://wenetus.com">Wenetus</a> pelos trabalhos do meu portfolio;</li>
<li>Designers de interface, estudantes ou já atuantes no mercado de 16 a 40 anos;</li>
<li>Público geral interessado em dicas para Wordpress</li>
</ul>
<p>Defini os 40 anos para os designers, pois acho que não sei falar direito no blog com o público mais velho que 40. Eu poderia trabalhar com técnicas de <a href="http://wiki.fluidproject.org/display/fluid/Persona+Format">formatos de persona</a>, mas sinceramente? Pra um projeto de redesign de blog pessoal/profissional eu não quero chegar a tanto.</p>
<p>Com essa linha definida estamos prontos para seguir em frente e pensar a arquitetura da informação do redesign ficando nos 3 públicos definidos. Próxima parada é sua majestade o conteúdo, sitemap e protótipos/wireframes.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=g5FXIrnXIQU:I7T1AUKO39g:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=g5FXIrnXIQU:I7T1AUKO39g:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=g5FXIrnXIQU:I7T1AUKO39g:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=g5FXIrnXIQU:I7T1AUKO39g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=g5FXIrnXIQU:I7T1AUKO39g:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=g5FXIrnXIQU:I7T1AUKO39g:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=g5FXIrnXIQU:I7T1AUKO39g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/g5FXIrnXIQU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/planejando-o-redesign-analise-do-publico-e-linha-editorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/planejando-o-redesign-analise-do-publico-e-linha-editorial/</feedburner:origLink></item>
		<item>
		<title>Wallpaper tipográfico “social is so expensive”</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/VVu9D4jVLT4/</link>
		<comments>http://rodrigomuniz.com/blog/wallpaper-tipografico-social-is-so-expensive/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 17:30:23 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=678</guid>
		<description><![CDATA[<a href="http://rodrigomuniz.com/blog/wallpaper-tipografico-social-is-so-expensive/"><img src="http://rodrigomuniz.com/wp-content/img/2010/04/social-exp-wallpaper.png" alt="" title="Download wallpaper" width="450" height="350" class="aligncenter size-full wp-image-689" /></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fwallpaper-tipografico-social-is-so-expensive%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fwallpaper-tipografico-social-is-so-expensive%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Faz um tempo que tava brincando de experimentar um pouco com tipografia e semana passada fuçando nas pastas tive a idéia de transformar esse ai num papel de parede.</p>
<p><a href="http://cl.ly/CFl"><img src="http://rodrigomuniz.com/wp-content/img/2010/04/social-exp-wallpaper.png" alt="" title="Download wallpaper" width="450" height="350" class="aligncenter size-full wp-image-689" /></a></p>
<p>Tem um tamanho no formato 4:3 e outro em widescreen, também criei pra iPhone/iPod Touch, iPad e pra o coitado do meu Nokia XpressMusic 5310. :)</p>
<p><strong><a href="http://cl.ly/CFl">Download zip</a></strong></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=VVu9D4jVLT4:jQOZe2KunJM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=VVu9D4jVLT4:jQOZe2KunJM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=VVu9D4jVLT4:jQOZe2KunJM:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=VVu9D4jVLT4:jQOZe2KunJM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=VVu9D4jVLT4:jQOZe2KunJM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=VVu9D4jVLT4:jQOZe2KunJM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=VVu9D4jVLT4:jQOZe2KunJM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/VVu9D4jVLT4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/wallpaper-tipografico-social-is-so-expensive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://rodrigomuniz.com/blog/wallpaper-tipografico-social-is-so-expensive/</feedburner:origLink></item>
		<item>
		<title>Apps para Mac OS X essenciais para Desenvolvedor Web</title>
		<link>http://feedproxy.google.com/~r/RodrigoMuniz/~3/4iSbC1YgoaA/</link>
		<comments>http://rodrigomuniz.com/blog/apps-para-mac-os-x-essenciais-para-desenvolvedor-web/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 13:57:36 +0000</pubDate>
		<dc:creator>Muniz</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://rodrigomuniz.com/?p=602</guid>
		<description><![CDATA[Cada um tem suas ferramentas preferidas e indispensáveis para trabalhar melhor no dia-a-dia nerd. E as listas dessas ferramentas que você usa são legais, sempre se descobre alguma coisa nova (ou não). A minha é a seguinte...]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fapps-para-mac-os-x-essenciais-para-desenvolvedor-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frodrigomuniz.com%2Fblog%2Fapps-para-mac-os-x-essenciais-para-desenvolvedor-web%2F&amp;source=rodrigomuniz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Cada um tem suas ferramentas preferidas e indispensáveis para trabalhar melhor no dia-a-dia nerd. E as listas dessas ferramentas que você usa são legais, sempre se descobre alguma coisa nova (ou não). A minha é a seguinte:</p>
<h3><a href="http://www.apple.com/safari/">Safari</a> (FREE)</h3>
<p><a href="http://www.apple.com/safari/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/safari2.png" alt="Safari" /></a></p>
<p>Não adianta, de todos os browsers que já testei no Mac, ele é o mais rápido e integrado ao sistema. Nunca consigo encerrá-lo, ta lá sempre rodando mesmo sem janelas abertas. E depois que você acostuma com a interface limpa, é difícil largar. O <a href="http://www.google.com/chrome">Chrome</a> (minha escolha no Windows) chegou bem perto, mas depois de um tempo de uso você nota que o consumo de recursos deixa tudo lento no OS X. O Safari tem 2 pontos fracos: o Flash Player trava bastante e pra quem já é dependente das extensões do <a href="http://getfirefox.com">Firefox</a> não tem tantos plugins alternativos, mas eu sobrevivi feliz da vida. Para desenvolvedores web o Safari tem a mesma grande vantagem do Chrome: o <a href="http://webkit.org/">Webkit</a>, que é o renderizador de páginas web mais espetacular que já existiu e que já vem com um kitzinho develop completo embutido. Claro que não da pra deixar de testar os sites no Firefox e no Windows, pra este último eu uso o <a href="http://www.vmware.com/products/fusion/">VMware Fusion</a>. Só não indico nesta lista por achá-lo pesado de doer, caro e sempre sofro usando, mas ainda não achei alternativa melhor.</p>
<h3><a href="https://www.dropbox.com/referrals/NTEwNjU2MTc5">Dropbox</a> (FREE)</h3>
<p style="text-align: center;"><a href="https://www.dropbox.com/referrals/NTEwNjU2MTc5"><img class="aligncenter" src="http://rodrigomuniz.com/wp-content/img/2010/04/dropbox2.png" alt="Dropbox" width="480" height="187" /></a></p>
<p>É o maior inimigo do pendrive. Quem trabalhar com 2 computadores diferentes (casa e trabalho, por exemplo) precisa descobrir as maravilhas do Dropbox. Você <a href="https://www.dropbox.com/referrals/NTEwNjU2MTc5">cria uma conta</a>, instala a ferramenta nas 2 máquinas e tudo que você joga na sua pasta do Dropbox local (até 2 <acronym title="Gigabyte">GB</acronym> no plano Free) vai para sua conta no site. Quando você chega no trabalho, aqueles documentos e apresentações que estão na sua pasta em casa vão estar todos lá em sincronia, tudo automático. E se você está numa máquina onde não instalou o Dropbox, é só logar no site e baixar os arquivos de lá. Ah pode compartilha-los também. No trabalho de conclusão da faculdade foi um diferencial, pois não precisava me preocupar com backup e ainda criava uma versão nova online automática toda vez que eu salvava o doc. É o tipo de app que você esquece que existe, mas não deixa de usar nunca.</p>
<h3><a href="http://rmilk.com">Remember the Milk</a> (FREE) + <a href="http://fluidapp.com/">Fluid</a> (FREE)</h3>
<p><a href="http://rmilk.com"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/rmilk2.png" alt="Rmilk" /></a></p>
<p>O grande diferencial do Remember the Milk é que ele usa a inteligência para ser simples. Para adicionar novas tarefas é simples como digitar &#8220;Reunião com cliente X amanhã&#8221; e ele já entende a data. Pra que serve o Fluid? Ele transforma sites em aplicações desktop no Mac. O que faço é usar a <a href="http://m.rmilk.com">versão mobile do RTM</a> em conjunto pra ter uma janelinha <em>TODO list</em> sempre à mão. Não adotei o RTM dentro do Gmail por não ficar com o e-mail aberto o dia inteiro, pois é suicídio.</p>
<h3><a href="http://www.evernote.com/">Evernote</a> (FREE)</h3>
<p><a href="http://www.evernote.com/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/evernote2.png" alt="Evernote" /></a></p>
<p>Anoto coisa pra cacete e a maior utilidade que ele tem no meu dia-a-dia é: anotações de reuniões. Mas as notas vão muito além disso, de preço de produtos que preciso comprar a protocolos de atendimento, a número de conta bancária de funcionário a comprovante de pagamento que não preciso imprimir, passando por seriais de softwares. Sem falar que ele entende texto de imagens, ou seja, pegou aquele cartão de visitas que não quer guardar na carteira? Fotografa que ele vai identificar o texto da imagem, como nome e telefone. Tudo pronto pra ser encontrado numa busca. O único problema da versão FREE é que ele não criptografa as notas, por isso não indico anotar coisas que você não quer que outros saibam.</p>
<h3><a href="http://macromates.com/">TextMate</a> ($54)</h3>
<p style="text-align: center;"><a href="http://macromates.com/"><img class="aligncenter" src="http://rodrigomuniz.com/wp-content/img/2010/04/textmate2.png" alt="TextMate" width="480" height="187" /></a></p>
<p>Antes de comprar o Mac minha visão sobre pagar por software era diferente, o negócio é que eu não conhecia softwares que realmente fazem sua vida mais fácil e que foram pensados com o objetivo claro e com cuidado nos detalhes. O TextMate é dessas ferramentas que mudam sua visão e você quer pagar porque acha justo, já que é O MELHOR EDITOR DE TEXTOS/CÓDIGOS DO MUNDO e não custa um rim (sim, estou gritando com a Adobe). <a href="http://screencasts.textmate.org/insert_html_tags.mov">Brinque com os Bundles</a> (o do <a href="http://yoast.com/tools/textmate/">Wordpress</a> e <a href="http://www.learningjquery.com/2006/09/textmate-bundle-for-jquery">Jquery</a> são matadores) e <a href="http://wiki.macromates.com/Main/Plugins">plugins</a> e descubra o mundo maravilhoso que existe fora das IDEs sem foco no código.</p>
<h3><a href="http://www.apple.com/macosx/what-is-macosx/spotlight.html">Spotlight</a> (parte do Mac OS X)</h3>
<p><a href="http://www.apple.com/macosx/what-is-macosx/spotlight.html"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/spotlight2.png" alt="Spotlight" /></a></p>
<p>Quando usava Windows e fiquei sabendo que o Vista ia trazer um Spotlight para o Menu Iniciar eu fiquei maluco. Só foi usar pela primeira vez pra descobrir que não era nada daquilo que imaginava. Sem bancar muito o fanboy da Apple, mas o Spotlight brilha muito no meu desktop e salva muitas vidas. Já tentei usar o <a href="http://www.macupdate.com/info.php/id/14831">Quicksilver</a>, mas o Spotlight sempre volta. Uso até como calculadora rápida.</p>
<h3><a href="http://www.omnigroup.com/products/OmniGraffle/">OmniGraffle</a> (PRO $199,95)</h3>
<p><a href="http://www.omnigroup.com/products/OmniGraffle/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/omnigraffle2.png" alt="OmniGraffle" /></a></p>
<p>Para Wireframes, sitemaps e diagramas não existe ferramenta mais legal no Mac. Quem está acostumado com a interface do iWork, vai se sentir em casa. O preço não é dos mais bonitos (mais caro que a suite iWork), mas ele já virou padrão para diagramas e protótipos no OS X. Tem tudo que o <a href="http://www.axure.com/">Axure RP</a> fica devendo (grid e guides por exemplo) e é uma ferramenta gráfica com grande poder de fogo, mas falta ser multiplataforma (exportar pra <acronym title="Portable Document Format">PDF</acronym> remedia esse problema, já que as ferramentas da Adobe editam <acronym title="Portable Document Format">PDF</acronym> numa boa no Windows).</p>
<h3><a href="http://www.apple.com/iwork/pages/">Pages</a> (parte do iWork: R$179)</h3>
<p><a href="http://www.apple.com/iwork/pages/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/pages2.png" alt="Pages" /></a></p>
<p>Usava o iWork só pelo Keynote pra fazer apresentações. Mas o Pages acabou matando meu uso do <acronym title="Microsoft">MS</acronym> Word, ele tem o que preciso numa interface mais simples e ajuda demais na diagramação de páginas e elementos sem precisar brigar com bugs que o Word herdou da sua primeira versão e ainda não corrigiu. As propostas e contratos vão e vem do cliente sem muita dor de cabeça. Agora, se você é daqueles que sofre de síndrome de perfeição <em>pixel by pixel</em> no Word, o problema não será o Pages exportando doc e sim o Word, por estar longe de ser uma ferramenta precisa.</p>
<h3><a href="http://www.mamp.info">MAMP</a> (FREE)</h3>
<p><a href="http://www.mamp.info"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/mamp2.png" alt="MAMP" /></a></p>
<p>Em resumo é um <a href="http://www.apachefriends.org/en/xampp.html">XAMPP</a> Apple-like e é obrigatório pra quem quer desenvolver sites com <acronym title="Hypertext PreProcessing">PHP</acronym> e MySQL. Apesar do Mac OS X já ter o Apache em suas entranhas, o MAMP consegue trazer o <acronym title="Hypertext PreProcessing">PHP</acronym> e MySQL junto e simplifica um pouco mais as coisas.</p>
<h3><a href="http://www.apple.com/downloads/macosx/development_tools/svnx.html">svnX</a> (FREE)</h3>
<p><a href="http://www.apple.com/downloads/macosx/development_tools/svnx.html"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/svnX2.png" alt="svnX" /></a></p>
<p>Se você já descobriu as maravilhas do versionamento de código com o SVN, está acostumado com o tortoiseSVN funcionando como um sonho no Windows e não consegue migrar para o <a href="http://git-scm.com/">Gti</a>, o svnX é o melhor cliente SVN gratuito para Mac. Só toma o tempo para acostumar-se com a interface para a saudade do tortoiseSVN sumir. A comunidade responsável pela ferramenta está bem <a href="http://code.google.com/p/svnx/updates/list">ativa</a>, as novidades chegam em pequenos pacotes.</p>
<h3><a href="https://secure.logmein.com/">LogMeIn</a> (FREE)</h3>
<p style="text-align: center;"><a href="https://secure.logmein.com/"><img class="aligncenter" src="http://rodrigomuniz.com/wp-content/img/2010/04/logmein2.png" alt="LogMeIn" width="480" height="187" /></a></p>
<p>Enquanto seu desktop não vai totalmente para as nuvens é necessário ter um modo de acessá-lo remotamente de qualquer lugar e de forma segura. Nada mais de &#8220;Esqueci o arquivo no meu computador em casa&#8221;. Só instalar o pequeno servidor na sua máquina mas não é o mesmo que o <a href="https://www.dropbox.com/referrals/NTEwNjU2MTc5">Dropbox</a>, você realmente acessa a tela do seu computador no browser. Existem várias ferramentas pra isso, a minha preferida é o LogMeIn por poder ser usada sem a necessidade de instalar o plugin deles na máquina cliente, só ter a máquina virtual Java (apesar da experiência com o plugin instalado ser MUITO superior). Já usei bastante pra acessar coisas de casa enquanto estava na faculdade ou em cyber café no interior e é multiplataforma.</p>
<h3><a href="http://cyberduck.ch/">Cyberduck</a> (FREE)</h3>
<p style="text-align: center;"><a href="http://cyberduck.ch/"><img class="aligncenter" src="http://rodrigomuniz.com/wp-content/img/2010/04/cyberduck2.png" alt="Cyberduck" width="480" height="187" /></a></p>
<p>É a melhor forma gratuita de acessar <acronym title="File Transfer Protocol">FTP</acronym> no Mac, só fica um pouco pesado com o tempo de uso porém é muito estável, bem integrado ao sistema e, além de <acronym title="File Transfer Protocol">FTP</acronym> o patinho suporta <acronym title="File Transfer Protocol">FTP</acronym>/TLS, SFTP, WebDAV e Amazon S3. Sincronização e a janelinha de histórico das transferências também são pontos fortes. Contudo uma coisa precisa ser dita: apesar da sua interface feiabagaralho e falta de integração ao sistema no Mac, o <a href="http://filezilla-project.org/">Filezilla</a> ainda ganha em velocidade de download e upload pra qualquer cliente <acronym title="File Transfer Protocol">FTP</acronym>.</p>
<h3><a href="http://echofon.com/">Echofon</a> (FREE)</h3>
<p><a href="http://echofon.com/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/echofon2.png" alt="Echofon" /></a></p>
<p>Está mais que provado que o <a href="http://twitter.com">Twitter</a> não é inútil, para desenvolvedores web é fonte de informações valiosas, e se você acha que está perdendo tempo nele talvez o problema sejam as pessoas que você escolheu pra seguir. Além de tudo ele também é uma ótima forma de comunicar-se com os amigos e claro, ter um pouco de diversão durante o dia. Um cliente desktop leve, simples e com suporte a <a href="http://twitter.com/rdmuniz/lists">listas</a> é tudo que precisava e o Echofon atende muito bem.</p>
<p>E quanto a você? Quais as suas preferidas?</p>
<h3>Estranhou a falta do <a href="http://www.adobe.com/products/photoshop/photoshop/">Photoshop</a>?</h3>
<p><a href="http://www.adobe.com/products/photoshop/photoshop/"><img class="aligncenter size-full wp-image-645" src="http://rodrigomuniz.com/wp-content/img/2010/04/photoshop2.png" alt="Photoshop" /></a></p>
<p>Ele é sem dúvida uma das ferramentas que mais uso no dia-a-dia, mas tem muitos motivos para eu não indicá-lo. Tem todas as <a href="http://dearadobe.com/">doenças que a Adobe causa</a> em qualquer ferramenta: <a href="http://adobegripes.tumblr.com/">Interface feia, complicada e inconsistente</a>; bugado e mal integrado ao sistema; a cada versão não trás melhorias, apenas mais coisas que você não usa e custa o preço de um bom kitnet na periferia. Infelizmente é essencial por ser padrão do mercado gráfico e por incompetência da concorrência.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4iSbC1YgoaA:obdsjmHWegs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=4iSbC1YgoaA:obdsjmHWegs:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4iSbC1YgoaA:obdsjmHWegs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4iSbC1YgoaA:obdsjmHWegs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4iSbC1YgoaA:obdsjmHWegs:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?i=4iSbC1YgoaA:obdsjmHWegs:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/RodrigoMuniz?a=4iSbC1YgoaA:obdsjmHWegs:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/RodrigoMuniz?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/RodrigoMuniz/~4/4iSbC1YgoaA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://rodrigomuniz.com/blog/apps-para-mac-os-x-essenciais-para-desenvolvedor-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
<enclosure url="http://screencasts.textmate.org/insert_html_tags.mov" length="8801991" type="video/quicktime" />
		<feedburner:origLink>http://rodrigomuniz.com/blog/apps-para-mac-os-x-essenciais-para-desenvolvedor-web/</feedburner:origLink></item>
	</channel>
</rss>
