<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>blog.webtopia &#187; Dica</title>
	<atom:link href="http://webtopia.com.br/blog/category/dica/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtopia.com.br/blog</link>
	<description></description>
	<lastBuildDate>Wed, 30 Jun 2010 02:34:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Dicas para Otimização de Imagens</title>
		<link>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/</link>
		<comments>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 02:05:47 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Otimização]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=661</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-1-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>É fato que a busca por imagem leva o usuário a conhecer o site, eu mesmo conheço bons sites e blogs quando procuro por alguma imagem. A otimização de imagens ainda é sub-aproveitada. Profissionais de SEO precisam estar antenados a este detalhe, a imagem leva o usuário ao site e isso é extremamente importante. O ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">É fato que a busca por imagem leva o usuário a conhecer o site, eu mesmo conheço bons sites e blogs quando procuro por alguma imagem. A otimização de imagens ainda é sub-aproveitada. Profissionais de SEO precisam estar antenados a este detalhe, a imagem leva o usuário ao site e isso é extremamente importante. O Google recentemente mudou a forma de apresentação dos resultados de pesquisa e deu grande relevância as imagens, tanto é que agora miniaturas de imagens são exibidas no resultado da busca.</p>
<p style="text-align: justify;">Veja imagem abaixo.</p>
<p style="text-align: center;"><img class="size-full wp-image-662 aligncenter" style="border: 0px none currentColor;" title="otimizacao-de-imagens-1" src="http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-1.jpg" alt="" width="480" height="271" /></p>
<p style="text-align: justify;">Nós consumidores somos visuais, precisamos ver para comprar. Os e-commerces já estão percebendo esta oportunidade e já trabalham para melhorar seu rankeamento nos motores de buscas. O mercado ainda irá falar muito sobre isso e otimização de imagens será de grande importância para qualquer planejamento de SEO.</p>
<p style="text-align: justify;">Vantagens da otimização de imagens:</p>
<p style="text-align: justify;">- Menos competição. Otimização de imagem ainda é sub-aproveitada;</p>
<p style="text-align: justify;">- Consumidores prezam anúncios com imagens;</p>
<p style="text-align: justify;">- Suas imagens serão utilizadas por outros usuários e assim seu site será divulgado. Para isso, não esqueça da marca d’agua;</p>
<p style="text-align: justify;">- Não se paga pelo clique como ocorre com Links Patrocinados.</p>
<p><BR></p>
<h2 style="text-align: justify;">10 Dicas para Otimização de Imagens</h2>
<p><BR></p>
<p style="text-align: justify;">1 – Utilize imagens originais. Fotografe você mesmo as fotos ou pague para alguém fotografar. Assim você poderá inserir sua marca d’agua e divulgar seu site quando usuários replicarem;</p>
<p style="text-align: justify;">2 – Imagens com alto contraste são as mais indicadas para miniaturas pois ajudam o usuário a discenir melhor o conteúdo da foto. Reparem na miniatura abaixo, a imagem da esquerda foi alterada aumentando seu contraste, já a imagem da direita permaneceu original. A imagem com contraste exibe maiores detalhes do produto, dando mais destaque ao que realmente interessa;</p>
<p style="text-align: center;"><img class="size-full wp-image-663 aligncenter" style="border: 0px none currentColor;" title="otimizacao-de-imagens-contraste" src="http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-contraste.jpg" alt="" width="257" height="216" /></p>
<p style="text-align: justify;">3 – Utilize imagens em JPG. Imagens nesta extensão são representadas como fotos pelos motores de buscas, fotos = milhões de cores, ou seja, mais qualidade. Já as GIFs são representadas como imagem padrão de 256 cores;</p>
<p style="text-align: justify;">4 – Nomeie as imagens com a keyword do conteúdo. Por exemplo: viagem-europa.jpg. É claro que o nome do arquivo precisa realmente representar o que a imagem exibe. O nome do arquivo será exibido logo abaixo da miniatura da imagem, ajudando assim a reforçar a comunicação aos usuários;</p>
<p style="text-align: justify;">5 – Tag Alt com keywords relevantes ao conteúdo. Por exemplo: &lt;img src=”viagem-europa.jpg” alt=”Viagem para Europa nas férias” /&gt;. Jamais esqueça da Tag Alta das imagens, ela é extremamente importante e muito significativa;</p>
<p style="text-align: justify;">6 – Otimize o conteúdo do site próximo a imagem. Mecanismos de buscas, principalmente o Google, prezam quando há texto com keywords semelhantes as utilizadas para nomear o arquivo e na Tag Alt;</p>
<p style="text-align: justify;">7 – Além de otimizar o conteúdo próximo a imagem,  lembre-se também de otimizar a Meta Title, Meta Description e Heading Tags (H1, H2…);</p>
<p style="text-align: justify;">8 – Qualidade das imagens. Procure reduzir o tamanho e a qualidade das imagens. Mas não deixe perder a nitidez. Se puder deixar um link para a imagem em alta resolução é interessante;</p>
<p style="text-align: justify;">9 – Compartilhe as fotos no Flickr e outros álbuns online que permitem buscas externas;</p>
<p style="text-align: justify;">10 – Não use Javascript para linkar imagens, motores de buscas não seguem links em Javascript.</p>
<p style="text-align: justify;">
<p style="text-align: right;"><span style="color: #888888;"><em>fonte: eunaoseiseo</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>As 20 melhores ferramentas  de SEO</title>
		<link>http://webtopia.com.br/blog/as-20-melhores-ferramentas-de-seo/</link>
		<comments>http://webtopia.com.br/blog/as-20-melhores-ferramentas-de-seo/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 01:00:40 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Dica]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web Marketing]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=647</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/as-20-melhores-ferramentas-de-seo/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/06/seo-tools-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Estas ferramentas são praticamente fundamentais para a otimização para buscadores: análise de Meta Tags, Palavras-chave, PageRank, Backlinks, Tempo de carregamento das páginas e muito mais, em uma lista completíssima e de consulta frequente e praticamente obrigatória!]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Estas ferramentas são praticamente fundamentais para a otimização para buscadores: análise de Meta Tags, Palavras-chave, PageRank, Backlinks, Tempo de carregamento das páginas e muito mais, em uma lista completíssima e de consulta frequente e praticamente obrigatória!</p>
<p><BR></p>
<h2>1. Suítes para Webmasters</h2>
<p style="text-align: justify;"><img class="alignright" title="seo-tools" src="http://webtopia.com.br/blog/wp-content/uploads/2010/06/seo-tools.jpg" alt="" width="233" height="185" />Os 3 grandes buscadores atuais disponibilizam uma central para webmasters, com várias ferramentas e estatísticas disponíveis para quem as usa, a fim de melhorar a colocação de seus blogs nas posições dos respectivos buscadores. Veja a central para webmasters do <a href="http://www.google.com.br/webmasters/" target="_blank">Google</a>, do <a href="https://siteexplorer.search.yahoo.com/" target="_blank">Yahoo!</a> e do <a href="http://www.bing.com/webmaster" target="_blank">Bing</a>.</p>
<p><BR></p>
<h2>2. Calcular PageRank</h2>
<p>Alguns dizem que o PageRank de uma página não está sendo tão levado à sério no rankeamento de páginas nos buscadores, mas eu não levo a sério essa afirmação. Se este número existe, pode e deve ser usado para ganhar destaque perante páginas com o mesmo conteúdo (e até melhor que o nosso), e de PageRank menor. A calculadora de PageRank do <a href="http://www.marketingdebusca.com.br/pagerank/" target="_blank">Marketing de Busca</a> é a mais famosa do Brasil. Além do número, te dá também um botão para inserí-lo em seu blog.<br />
<BR></p>
<h2>3. SEO  for  Firefox</h2>
<p>O <a href="http://www.baixaki.com.br/download/seo-for-firefox.htm" target="_blank">SEO for Firefox</a> e talvez uma das extensões para o Firefox mais necessárias para auxiliar o trabalho de blogueiros e webmasters em geral. A ferramenta te dá “inúmeros números” super importantes para determinar a qualidade de uma página, nas buscas do Google e Yahoo!. Não é muito aproveitável para usuários brasileiros e portugueses, mas alguns números importantes podem facilitar o processo de busca por conteúdo no Google, como o PageRank, o ranking Alexa e um link rápido para ver 100 resultados de uma vez. <a href="http://tools.seobook.com/firefox/seo-for-firefox.html" target="_blank">Link do desenvolvedor.</a><br />
<BR></p>
<h2>4. Verificador de backlinks</h2>
<p><a href="http://www.seobox.com.br/backlinks.php" target="_blank">Essa ferramenta </a>é perfeita para quem gosta de fazer parcerias e trocas de links com outros blogueiros. Depois de um tempo, o número de parcerias pode ser tão grande que fica difícil ver se algum parceiro omitiu seu link, só de sacanagem. Com essa ferramenta, você coloca o blog de todos os parceiros seus e vê se todos estão com seus devidos backlinks para seu blog.<br />
<BR></p>
<h2>5. Blinkrs</h2>
<p>O<a href="http://www.blinkrs.com/" target="_blank"> Blinkrs </a>é uma ferramenta que disponibiliza os backlinks de seu blog, e com informações diferenciadas: o PageRank de cada página e até ajuda a descobrir se os backlinks são nofollow ou não.<br />
<BR></p>
<h2>6. Keywordspy</h2>
<p>Gostei muito do <a href="http://www.keywordspy.com/?af=alan_niemies" target="_blank">Keywordspy</a>, que traz informações preciosas da otimização de palavras-chave de blogs e sites que competem com você, em um mesmo nicho. Você apenas digita a URL do blog a analisar e o país de importância. A ferramenta disponibiliza poucos dados, mas você pode optar por uma oferta TRIAL para conseguir mais algumas informações valiosas.<br />
<BR></p>
<h2>7. Dynadot</h2>
<p>Uma ferramenta essencial na hora de analisar a disponibilidade de vários domínios, de acordo com uma determinada palavra-chave, é o <a href="http://www.dynadot.com/" target="_blank">Dynadot</a>. Ótima para quem busca novos domínios rentáveis para blogs de nicho, por exemplo.<br />
<BR></p>
<h2>8. Whois  Source Domain Tools</h2>
<p><a href="http://whois.domaintools.com/" target="_blank">Ferramenta</a> ótima para analisar dados específicos de domínios. Com ele, você consegue analisar até mesmo informações confidenciais, como o email do blogueiro e até mesmo sua localização, por meio da análise do servidor onde o blog está hospedado!<br />
<BR></p>
<h2>9. Pingdom Tools</h2>
<p>Analise o tempo de carregamento das páginas de seu blog com o <a href="http://tools.pingdom.com/" target="_blank">Pingdom Tools </a>e retire as partes que demoram a carregar. Isto é SEO e irá ajudar muito o seu blog.<br />
<BR></p>
<h2>10. Copyscape</h2>
<p>Descubra se alguém está copiando conteúdo criado originalmente por você com o <a href="http://copyscape.com/" target="_blank">Copyscape</a>. Creio que esta informação é de extrema importância, principalmente para blogs maiores e com mais conteúdo.<br />
<BR></p>
<h2>11. Gerador de Sitemap XML</h2>
<p><a href="http://www.xml-sitemaps.com/" target="_blank">Este site </a>cria um sitemap rápido para o seu blog ou site, mas que só comporta a indexação de 500 páginas internas. É um serviço importante principalmente para páginas estáticas ou que não utilizam o WordPress, pois este tem um<a href="http://wordpress.org/extend/plugins/google-sitemap-generator/" target="_blank"> plugin </a>perfeito para fazer esse trabalho.<br />
<BR></p>
<h2>12. Robotstxt</h2>
<p><a href="http://www.marketingdebusca.com.br/robots-txt/" target="_blank">Ferramenta</a> perfeita para criar, gerir e analisar o robots.txt de seu blog, essencial para bloquear determinadas páginas de seu blog aos robôs dos buscadores, a fim de evitar conteúdo duplicado, principalmente. Veja mais sobre ele aqui.<br />
<BR></p>
<h2>13. Contador de visitas</h2>
<p>Essas estatísticas são essenciais e primordiais para conhecer a importância de seu blog na blogosfera. Existem vários contadores gratuitos disponíveis por aí, mas o <a href="http://www.statcounter.com/" target="_blank">StatCounter</a> faz muito bem esse trabalho. Há também o Sitemeter, mas fiquei sabendo que ele faz sacanagens com você e com o seus leitores. No mais, outro contador de visitas e que fornece vários números acerca de seu blog é o<a href="http://www.marketingdebusca.com/artigo/spyware-sitemeter/" target="_blank"> Google Analytics</a>, que já deve (ou deveria) ser conhecido por praticamente toda a blogosfera.<br />
<BR></p>
<h2>14. Adwords Keyword Tool e semelhantes</h2>
<p>A ferramenta perfeita para analisar o número de buscas do Google para determinadas palavras-chave, além do CPC estimado pago por cada anunciante, é a <a href="https://adwords.google.com/select/KeywordToolExternal" target="_blank">Ferramenta</a> de Palavras-chave do Adwords. Para o Bing, temos também uma <a href="http://adlab.msn.com/Keyword-Group-Detection/Default.aspx" target="_blank">ferramenta</a> semelhante, e para o <a href="http://searchmarketing.yahoo.com/pt_BR/?mkt=br&amp;lang=pt_BR" target="_blank">Yahoo!</a> também.<br />
<BR></p>
<h2>15. SEO Master Free Scanner</h2>
<p>Ótima <a href="http://www.analiseblogueira.com/03/08/2009/analise-on-page-seo-do-blog-ganhar-posicoes-no-google/" target="_blank">ferramenta</a> para análise de On Page SEO (otimizações para buscadores que podemos fazer em nossas páginas internas) das páginas de seu blog, de acordo com uma palavra-chave especia.<br />
<BR></p>
<h2>16. Alexa</h2>
<p>É<a href="http://www.alexa.com/" target="_blank"> um site </a>que rankeia vários outros sites, de acordo com alguns cados, como número de visitas e quantidade de buscas usando sua <a href="http://www.alexa.com/toolbar" target="_blank">Alexa Toolbar</a>. Muitos blogueiros dão a posição de seu blog neste ranking, pois este dado é importante para muitos anunciantes.<br />
<BR></p>
<h2>17. Free Online Broken Link Checker</h2>
<p>O <a href="http://www.dead-links.com/" target="_blank">Broken Link Checker</a> Gratuito te ajuda a detectar vários links quebrados dentro de seu blog. A ferramenta demorou um pouco para mapear meu blog, mas detectou cada link que ele contém.<br />
<BR></p>
<h2>18. Rank Checker</h2>
<p>Mais uma extensão para Firefox do SEOBook é o <a href="http://tools.seobook.com/firefox/rank-checker/" target="_blank">Rank Checker</a>, usado para analisar as posições de suas páginas para palavras-chave, nos 3 principais buscadores atuais.<br />
<BR></p>
<h2>19. SearchStatus</h2>
<p>A <a href="http://www.quirk.biz/searchstatus/" target="_blank">SearchStatus</a> é uma toolbar que parece ótima para analisar a performance de qualquer página da Web nos buscadores (ainda quero testá-la). Ela nos dá várias informações interessantes. Veja mais sobre isso neste artigo do SEO Marketing.<br />
<BR></p>
<h2>20. Google Insights</h2>
<p style="text-align: justify;">Google Trends: Uma <a href="http://www.google.com/trends" target="_blank">ferramenta</a> ótima para trabalhos pesados de SEO, que ajuda a entender o comportamento dos usuários de buscadores, de acordo com várias métricas.</p>
<p style="text-align: justify;">
<p style="text-align: right;">Fonte: analiseblogueira</p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/as-20-melhores-ferramentas-de-seo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 novidades fantásticas do novo Wordpress 3.0</title>
		<link>http://webtopia.com.br/blog/10-novidades-fantasticas-do-novo-wordpress-3-0/</link>
		<comments>http://webtopia.com.br/blog/10-novidades-fantasticas-do-novo-wordpress-3-0/#comments</comments>
		<pubDate>Sat, 29 May 2010 21:34:05 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[Dica]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=613</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/10-novidades-fantasticas-do-novo-wordpress-3-0/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp1-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Além dos pontos principais que testei, percebi uma série de mudanças menores mas que facilitam muito a vida do administrador do WP. Coisas como aceitar tab para indentação na tela de edição de plugin, o comando install now na pesquisa de plugins, as verificações de segurança ao realizar ações maiores e alerta de possíveis problemas, ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Além dos pontos principais que testei, percebi uma série de mudanças menores mas que facilitam muito a vida do administrador do WP. Coisas como aceitar tab para indentação na tela de edição de plugin, o comando install now na pesquisa de plugins, as verificações de segurança ao realizar ações maiores e alerta de possíveis problemas, etc. <a title="Wordpress 3" href="http://codex.wordpress.org/Version_3.0" target="_blank">Veja a lista de novidades direto no site do Wordpress.</a></p>
<p>Para testes, aconselho utilizar um banco de dados separado e um diretório diferente. Lembre-se que é uma versão BETA, ou seja, ainda não está oficialmente terminada, então, use-a com cautela.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">Esta nova versão traz uma série de novas opções, nomeadamente artigos customizados, uma nova theme default, e ainda um novo gestor de menus.</p>
<p style="text-align: justify;">Veja todos os detalhes da nova versão:</p>
<h1>1. ESCOLHA O SEU USERNAME E PASSWORD</h1>
<p style="text-align: justify;">A instalação do novo Wordpress 3.0 inclui novidades interessantes. Actualmente, quando você instala o WordPress na raiz do seu servidor, você recebe automaticamente um username admin, e uma password gerada aleatoriamente. Isso deixará de acontecer – de agora em diante, o WordPress permite-lhe escolher o seu username e password no momento da sua instalação. Isto significa maior segurança desde o primeiro minuto. Antigamente todos os potenciais hackers sabiam que o username por defeito era “Admin”, sendo que nesta nova versão do WP3.0 esse dado passa a ser totalmente desconhecido.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-614" style="border: 0px none currentColor;" title="wp1" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp1.jpg" alt="" width="462" height="319" /></p>
<h1>2. NOVO THEME DEFAULT</h1>
<p style="text-align: justify;">O novo WordPress 3.0 oferece também um novo theme por defeito, intitulado TwentyTen (2010). Aparentemente, a equipa por detrás do WordPress tem como objectivo lançar um novo theme por defeito a cada ano que passa! O  novo TwentyTen é um tema simples e bastante atractivo. O tipo de letra utilizado é Georgia; oferece duas colunas, uma barra lateral e rodapé com suporte a widgets – e integra ainda menus dropdown muito atractivos! Pode ainda contar com uma alteração simplificada do cabeçalho e background, tal como acontecia com a versão actual do Wordpress.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-615" style="border: 0px none currentColor;" title="wp2" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp2.jpg" alt="" width="480" height="363" /></p>
<h1>3. SUPORTE A BACKGROUNDS CUSTOMIZÁVEIS</h1>
<p style="text-align: justify;">O novo WordPress 3.0 adiciona também o novo suporte a backgrounds customizáveis. Basta adicionar o seguinte código no seu ficheiro functions.php para que o seu template passe a suportar também esta nova opção:</p>
<p style="text-align: center;">add_custom_background();</p>
<p style="text-align: justify;">Adicionando essa opção no seu código, você será brindado com um novo menu Background no seu separador Aparência, que se encontra no painel administrativo. Embora esta nova opção não seja propriamente o inventar da roda para todos os desenvolvedores web que já programam esta opção nos seus templates, ela poderá ser uma mais-valia para todos os novatos em Wordpress.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-616" style="border: 0px none currentColor;" title="wp3" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp3.jpg" alt="" width="480" height="466" /></p>
<h1>4. CAPACIDADE PARA MULTI-SITE E FUSÃO COM WPMU</h1>
<p style="text-align: justify;">O WordPress e o WPMU (WordPress MultiUser) irão fundir o seu código. Isto torna muito mais fácil a gestão de grandes redes de projectos em WordPress. As novas opções para gestão Multi-Site passam a encontrar-se no menu Opções&gt;Rede.</p>
<p>Uma rede de sites em WordPress passa a ser muito mais fácil e simples de gerir – mesmo para quem utiliza estruturas baseadas em subdomínios do tipo subdomínio.domínio.com, ou mesmo para quem utiliza sub-directorias do tipo domínio.com/subdirectoria. Esta opção de carácter opcional, e os utilizadores tanto do WordPress como do WPMU não deverão sentir dificuldades em realizar a actualização.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-618" style="border: 0px none currentColor;" title="wp4" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp4.jpg" alt="" width="480" height="265" /></p>
<h1>5. NOVOS TIPOS DE ARTIGOS</h1>
<p style="text-align: justify;">Esta é também uma das grandes novidades do WP3.0! Antigamente, a única coisa que você poderia adicionar ao seu blog a partir do seu painel de administração eram novas páginas e novos artigos. Agora, você pode criar novos tipos de artigos para aparecerem no seu painel. Adicione o seguinte código para criar um novo tipo de artigos ‘Portfolio’:</p>
<p style="text-align: center;">
<p>function post_type_portfolio() {<br />
register_post_type( ‘Portfolio’,<br />
array( ‘label’ =&gt; __(‘Portfolio’), ‘public’ =&gt; true, ’show_ui’ =&gt; true ) );<br />
register_taxonomy_for_object_type(‘post_tag’, ‘Portfolio’);<br />
}</p>
<p>add_action(‘init’, ‘post_type_portfolio’);</p>
<p style="text-align: justify;">Isto significa que aos poucos o Wordpress está a tornar-se algo mais do que um CMS. Esta nova opção abre possibilidade infinitas aos desenvolvedores, e faz também com que estes deixem de ter necessidade de utilizar os campos personalizados (custom fields).</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-619" style="border: 0px none currentColor;" title="wp5" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp5.jpg" alt="" width="480" height="201" /></p>
<p style="text-align: justify;">
<h1>6. TAXONOMIAS CUSTOMIZÁVEIS</h1>
<p style="text-align: justify;">As taxonomias customizáveis foram tornadas mais simples de utilizar, especialmente no que toca à hierarquia– isso significa que você poderá ter uma taxonomia ‘Votos’ com várias sub-taxonomias. Isto significa que o WordPress está a fugir cada vez mais de um CMS típico e dedicado aos blogs, promovendo novas capacidades, tornando-o num CMS mais flexível, dinâmico e capaz.</p>
<h1>7. NOVO GESTOR DE MENUS</h1>
<p style="text-align: justify;">Esta é uma das grandes novidades do WordPress 3.0 – um gestor de menus. Este gestor foi originalmente criado pela WooThemes para os seus fantásticos wordpress themes, e mais tarde adaptado pela equipa do Wordpress para a construção do seu novo painel de gestão de menus. Você pode criar rapidamente vários menus, categorias, e ainda links customizados para utilização interna ou externa! Do ponto de vista prático, esta novidade traz-nos um interface fantástico para criação de menus, ele facilita o trabalho de todos aqueles que desenvolvem para Wordpress e torna a utilização do Wordpress ainda mais simples para os utilizadores.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-621" style="border: 0px none currentColor;" title="wp6" src="http://webtopia.com.br/blog/wp-content/uploads/2010/05/wp6.jpg" alt="" width="480" height="658" /></p>
<h1>OUTRAS NOVIDADES A TER EM CONTA:</h1>
<p style="text-align: justify;">- Guia de boas-vindas: O novo WordPress 3.0 irá incluir um guia de boas-vindas para ajudar os novos utilizadores a compreenderem melhor o sistema e ensiná-los também o básico da utilização.<br />
- Templates específicas para autores: Actualmente já existe hierarquia para categorias e tags no Template Hierarchy, mas agora é possível fazer o mesmo com os autores. Isto significa que, se o autor se chamasse ‘Paulo’ com um id 1, o WordPress iria procurar primeiro pelo ficheiro author-paulo.php, e depois pelo author-1.php antes do author.php nos ficheiros do template.<br />
- Redesign do interface de Mídia: Iniciado, mas não integrado no WordPress 2.9, o novo separador Media no painel de administração irá sofrer um redesign muito interessante.</p>
<p style="text-align: justify;">
<p style="text-align: right;">por Paulo Faustino &#8211; love wordpress</p>
<p style="text-align: justify;">
<p style="text-align: justify;">
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/10-novidades-fantasticas-do-novo-wordpress-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ganhos visuais com o CSS3</title>
		<link>http://webtopia.com.br/blog/ganhos-visuais-com-o-css3/</link>
		<comments>http://webtopia.com.br/blog/ganhos-visuais-com-o-css3/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 04:11:00 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=568</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/ganhos-visuais-com-o-css3/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/03/camadas-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Chris Coyier, web designer que mantém o blog CSS-Tricks, escreveu em seu perfil no Twitter que o &#8220;CSS é como o xadrez. Você pode aprender os princípios básicos em um dia, e passar a vida inteira se especializando&#8221;. De fato, o CSS é a linguagem mais fácil de ser aprendida, possuindo uma sintaxe bem simples. ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Chris Coyier, web designer que mantém o blog <a href="http://css-tricks.com/" target="_blank">CSS-Trick</a>s, escreveu em seu <a href="http://twitter.com/Chriscoyier" target="_blank">perfil no Twitter </a>que o &#8220;CSS é como o xadrez. Você pode aprender os princípios básicos em um dia, e passar a vida inteira se especializando&#8221;. De fato, o CSS é a linguagem mais fácil de ser aprendida, possuindo uma sintaxe bem simples. Porém, criar páginas com layouts bem elaborados usando CSS, assim como conhecer todos os seus macetes, exige tempo e experiência.</p>
<p style="text-align: justify;">A forma mais correta de desenvolvermos páginas para Web é dividindo a estrutura em três camadas: <strong>conteúdo</strong> (HTML), <strong>comportamento</strong> (Javascript) e <strong>apresentação</strong> (CSS). Trabalhando o CSS em uma camada separada do restante da estrutura, conseguimos uma melhor consistência visual, uma vez que os layouts de todas as páginas estarão baseados em uma mesma folha de estilos. Também ganhamos tempo e facilidade na hora de fazer um redesign ou manutenções visuais, pois a alteração de um único arquivo terá impacto em todo o site. Com o CSS em um arquivo separado, também conseguimos fornecer maior acessibilidade ao criar folhas de estilo específicas para diferentes dispositivos como sintetizadores de fala e som, aparelhos e impressoras em Braille, celulares e outros dispositivos móveis etc. O carregamento das páginas também será mais rápido, já que após o primeiro acesso ao site, o arquivo CSS estará carregado em cache.</p>
<p style="text-align: center;"><img class="size-full wp-image-569   aligncenter" style="border: 0px none currentColor;" title="camadas" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/camadas.jpg" alt="" width="401" height="278" /></p>
<p style="text-align: justify;">Um bom exemplo de como o CSS pode ser poderoso quando bem usado é o CSS <a href="http://www.csszengarden.com/" target="_blank">Zen Garden</a>. O site fornece um modelo de página HTML para download, e diversos designers criam folhas de estilos para essa mesma página. O resultado pode ser visto na galeria: alterando apenas a folha de estilo, diferentes layouts são aplicados na mesma página HTML.</p>
<h2 style="text-align: justify;">CSS ainda deixa a desejar</h2>
<p style="text-align: justify;">Hoje, designers e desenvolvedores ainda têm que se virar para conseguir certos efeitos gráficos. Por mais poderosa que a linguagem seja, a atual versão do CSS2.1 não fornece recursos como sombras em objetos e textos, cantos arredondados, múltiplas camadas de plano de fundo, opacidade, possibilidade de diferentes familias tipográficas, colunas em textos, etc. O fato de navegadores mais antigos (e ainda utilizados) como o Internet Explorer 6 não suportarem todos os recursos do CSS2.1 acaba complicando ainda mais a nossa vida.</p>
<p>Para conseguir tais efeitos e recursos nas páginas, normalmente recorremos ao uso de imagens, hacks, ou inserção excessiva de marcações HTML, o que pode aumentar o tempo de desenvolvimento e carregamento das páginas, além de comprometer a semântica dos documentos.</p>
<p>Com a nova versão da linguagem que está por vir, teremos maior controle sobre o estilo dos elementos. Propriedades para cantos arredondados ou sombras em textos estarão disponíveis no CSS3, sem precisarmos recorrer ao uso de truques ou imagens.</p>
<h2 style="text-align: justify;">O que nos trará o CSS3?</h2>
<p style="text-align: justify;">Propriedades de CSS3 já são suportadas pelas versões mais recentes de alguns navegadores, como o Safari 4 e o Firefox 3.6. Com isso podemos testar os novos recursos que estão por vir. Para que alguns dos novos recursos possam ser testados, é necessário adicionarmos os prefixos -moz- (para a renderização no Firefox) e -webkit- (para renderização no Safari).</p>
<p style="text-align: justify;">A seguir, exemplos de algumas das novas propriedades que a nova versão da linguagem irá nos fornecer:<br />
<strong> &#8211; border-radius: </strong>com essa propriedade podemos adicionar um raio de arredondamento para todos os cantos de um elemento, como -moz-border-radius: 10px, ou valores diferentes para cada canto, como -moz-border-radius-topright: 5px.<br />
<strong> &#8211; text-shadow:</strong> permite adicionar sombras em textos, configurando a distância da sombra para a esquerda e para o topo do texto, o enevoamento e cor: text-shadow: 5px 5px 2px #999.<br />
<strong> &#8211; shadow: </strong>funciona da mesma maneira que o text-shadow, porém aplicando sombra aos outros elementos: -moz-box-shadow: -10px -10px 0px #333.<br />
<strong> &#8211; border-colors:</strong> podemos adicionar um efeito gradiente nas bordas de um elementos, aplicando cores em diferentes camadas: -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc.<br />
<strong>- Opacity: </strong>podemos adicionar opacidade aos elementos: opacity: 0.2.<br />
<strong>- Columns: </strong>podemos definir estilos de colunas para textos, aplicando valores para a largura, quantidade, bordas de separação e distância entre colunas: -moz-column-width: 13em; -moz-column-count: 3; -moz-column-rule: 1px solid black; -moz-column-gap: 1em.<br />
<strong>- Multiple backgrounds:</strong> podemos definir diferentes planos de fundo para um mesmo elemento: background: url(fundo-um.jpg) top left no-repeat, url(fundo-dois.jpg) top 11px no-repeat, url(fundo-tres.jpg) bottom left no-repeat, url(fundo-quatro.jpg) left repeat-y.<br />
<strong> &#8211; @font-face: </strong>podemos definir uma tipografia diferenciada para os textos da página através da importação de um arquivo de fonte: @font-face { font-family: Agni; src: url(&#8216;agni-font.otf&#8217;) }. Em seguida aplicamos essa fonte a um elemento de texto: h3 { font-family: Agni, sans-serif }.</p>
<p style="text-align: justify;">O CSS3 ainda não deve ser usado definitivamente em suas páginas. A nova versão da linguagem ainda se encontra em fase de rascunho na W3c, e a maioria dos navegadores não fornece suporte. Porém é essencial que possamos conhecer e testar os novos recursos, descobrir aos poucos o que vem por aí, e nos preparar para o momento em que o CSS3 será lançado como uma recomendação em definitivo.</p>
<p style="text-align: justify;">Hoje, designers e desenvolvedores ainda têm que se virar para conseguir certos efeitos gráficos. Por mais poderosa que a linguagem seja, a atual versão do CSS2.1 não fornece recursos como sombras em objetos e textos, cantos arredondados, múltiplas camadas de plano de fundo, opacidade, possibilidade de diferentes familias tipográficas, colunas em textos, etc. O fato de navegadores mais antigos (e ainda utilizados) como o Internet Explorer 6 não suportarem todos os recursos do CSS2.1 acaba complicando ainda mais a nossa vida.</p>
<p style="text-align: justify;">Para conseguir tais efeitos e recursos nas páginas, normalmente recorremos ao uso de imagens, hacks, ou inserção excessiva de marcações HTML, o que pode aumentar o tempo de desenvolvimento e carregamento das páginas, além de comprometer a semântica dos documentos.</p>
<p style="text-align: justify;">Com a nova versão da linguagem que está por vir, teremos maior controle sobre o estilo dos elementos. Propriedades para cantos arredondados ou sombras em textos estarão disponíveis no CSS3, sem precisarmos recorrer ao uso de truques ou imagens.</p>
<p style="text-align: justify;">
<p style="text-align: right;"><em><span style="color: #888888;">Fonte: Imasters </span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/ganhos-visuais-com-o-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A mágica do Photoshop CS5</title>
		<link>http://webtopia.com.br/blog/a-magica-do-photoshop-cs5/</link>
		<comments>http://webtopia.com.br/blog/a-magica-do-photoshop-cs5/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 17:23:00 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=548</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/a-magica-do-photoshop-cs5/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/03/8458-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Nova versão do aplicativo da Adobe promete ferramentas ainda mais inteligentes para facilitar a vida  
de quem manipula imagens]]></description>
			<content:encoded><![CDATA[<p><strong>Nova versão do aplicativo da Adobe promete ferramentas ainda mais inteligentes para facilitar a vida de quem manipula imagens.</strong></p>
<p>Agora, nos últimos momentos antes do anúncio oficial do pacote de aplicativos, a Adobe revelou algumas novidades do Photoshop. Conhecido como “a salvação” de fotos com problemas, o aplicativo continua no caminho para resolver a maioria das dificuldades em manipulação e tratamento de imagens.<strong> </strong></p>
<p><strong><img class="alignnone size-full wp-image-549" style="border: 0px none currentColor;" title="8458" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/8458.jpg" alt="" width="475" height="157" /></strong></p>
<p>A partir de 12 de abril o mundo da edição de imagens será revolucionado mais uma vez pela empresa que praticamente criou o mercado de manipulação, através do seu principal – e mais conhecido – aplicativo.<BR></p>
<h2>Apenas faça</h2>
<p>Além das novas ferramentas – que você vai conhecer em instantes – a equipe do Photoshop também passa boa parte de seu tempo trabalhando nas pequenas características exigidas por quem depende do aplicativo. Essa é a filosofia do Just do it, que leva até à equipe de programação os pedidos e reclamações dos usuários do Photoshop.<br />
<BR><br />
<h2><strong>Além do horizonte</strong></h2>
<p>Imagens com enquadramento “torto”, em que o horizonte aparece inclinado, são estranhas, já que é difícil relacionar uma paisagem com o lugar onde a foto foi tirada, graças ao ângulo artificial existente nela.</p>
<p>Até a versão CS4, usuários do Photoshop precisam trabalhar com ferramentas de transformação e recorte até ajustar o enquadramento em uma posição realmente horizontal. Essas mesmas fotos são muitas vezes recusadas devido à estranheza da visualização, ficando fora do álbum de retratos da viagem de férias, por exemplo.</p>
<p>O novo Photoshop traz, em sua ferramenta régua, uma função especial, em que basta o usuário mostrar ao programa onde está o horizonte – com uma reta simples – e o próprio software corrige o enquadramento, em angulação e recorte, da imagem, deixando-a na posição correta automaticamente.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/CUF3cJjcHdY&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="490" height="295" src="http://www.youtube.com/v/CUF3cJjcHdY&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<BR><br />
<h2><strong> Facilitando a vida de profissionais e amadores</strong></h2>
<p>Os resultados que a equipe de desenvolvimento do Photoshop obtêm em seus momentos Just do it podem parecer irrelevantes quando comparados com o que será mostrado a seguir, mas tenha certeza que cada um desses avanços facilita a utilização do aplicativo.</p>
<p>Com o aumento contínuo do número de funções e ferramentas inclusos no Photoshop, novos usuários enfrentam momentos de desespero até conseguir o resultado necessário. As pequenas adaptações criadas a partir do feedback público procuram manter a complexidade de utilização do programa em níveis aceitáveis, para que mais pessoas se interessem em começar a utilizá-lo e, assim, tornem-se consumidores deste produto e seus parentes.</p>
<p>Um bom exemplo vem do avanço tecnológico das câmeras digitais. Muitos modelos recentes são capazes de capturar imagens com cores em 16-bits, impossíveis de salvar em JPG, um dos principais formatos de imagem na internet, que só aceita 8-bits de informação de cor.</p>
<p><img class="alignnone size-full wp-image-550"  style="border: 0px none currentColor;" title="natasha 318" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/12673.jpg" alt="" width="426" height="282" /></p>
<p>Usuários com pouca familiaridade com o Photoshop podem se frustrar ao tentar converter suas fotos – usando o aplicativo da Adobe – para esse formato, já que a opção não é mencionada nos diálogos referentes ao salvamento do arquivo. Para se obter um JPG de uma imagem em 16-bits é necessário, antes, convertê-la para 8-bits através do menu Imagem &gt; Modo.</p>
<p>O mesmo não acontece no CS5. Para agilizar o processo e tirar do usuário a preocupação com algo tão pequeno quanto um downsampling (ou redução de amostragem) de cor – que sempre é feito de forma automática –, o programa passará a ter um roteiro interno automático para, quando o usuário tentar salvar uma imagem 16-bits em JPG, reduzir a profundidade de cor da imagem.<br />
<BR></p>
<h2><strong>Quebrando barreiras</strong></h2>
<p>Várias atividades comuns durante a utilização do Photoshop foram adaptadas – criativamente – pelos usuários. Assim, ferramentas relativamente simples do programa tornaram-se instrumentos na criação de arte e beleza nas mãos e mouses dos manipuladores de imagem.</p>
<p>Sem dúvida uma das principais características que permitiram ao Photoshop se tornar a potência que é hoje foi a utilização de camadas. Usar essas múltiplas “folhas” em qualquer imagem permite a adição de efeitos e objetos, além de facilitar a organização do trabalho.</p>
<p>A partir do Creative Suite 5, as camadas receberam um pequeno upgrade que, para sua utilização normal pode até não significar muito, mas na hora de trabalhar a sério chega a economizar horas de operação.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/cGlSIbhaGKM&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="490" height="295" src="http://www.youtube.com/v/cGlSIbhaGKM&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>A nova versão do Photoshop permitirá ao usuário alterar propriedades das camadas, como a opacidade, em várias instâncias ao mesmo tempo. Se para a maioria das pessoas isso pode ser considerado luxo, quem vive em frente ao programa – e utiliza centenas de camadas em uma única imagem – provavelmente enviará cartas de agradecimento aos programadores da Adobe.<br />
<BR><br />
<h2><strong>Pintura digital</strong></h2>
<p>No primeiro artigo sobre a Creative Suite 5 você conheceu os pincéis artísticos incluídos na nova versão do Photoshop. Para os artistas digitais que procuram reproduzir os efeitos de tinta e pincel na tela do computador, as atualizações do CS5 trarão ainda mais facilidade.</p>
<p>Elas abordam desde novas maneiras de trabalhar com cor – como o color picker, que passa a ser chamado através de atalhos de teclado – até novidades na interação com os pincéis artísticos, definindo tamanho e dureza dos pelos do pincel através de gestos do mouse.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/r8sEGVoTW9Q&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="490" height="295" src="http://www.youtube.com/v/r8sEGVoTW9Q&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Outra novidade simples – porém extremamente valiosa – é o novo cursor da ferramenta conta-gotas. Agora, além de ter o apontador da cor a ser capturada, o usuário recebe informação comparativa entre a cor escolhida e aquelas já utilizadas nas fontes do programa. Com isso, escolher uma combinação harmônica de cores fica mais rápido e fácil.<br />
<BR><br />
<h2><strong>Escolhendo bem</strong></h2>
<p>Sem as ferramentas de seleção é praticamente impossível conseguir os resultados impressionantes da publicidade atual. A combinação de seleções funcionais e camadas permite que um usuário criativo – e experiente – invente novos planetas, produtos inéditos e até mesmo pessoas que nunca nasceram.</p>
<p>Mesmo as seleções mais avançadas da Creative Suite 4 ainda não conseguem lidar bem com cabelos e outras áreas de margens difusas. Tanto isso é verdade que existem diversas técnicas para se melhorar o resultado de seleções de recorte em pelos e cabelos, sendo que cada manipulador tem seu método favorito.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/QNR0n_IK7MM&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="490" height="295" src="http://www.youtube.com/v/QNR0n_IK7MM&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>A dificuldade de criar seleções precisas em margens difusas parece estar com os dias contados. O Photoshop CS5 trará uma ferramenta melhor calibrada para esse tipo de identificação, a ponto de – com as configurações corretas – ser possível incluir em uma máscara um bigode de gato com um simples arrastar do mouse.<br />
<BR><br />
<h2><strong>“Automagicamente”</strong></h2>
<p>Que o Photoshop permite que o inexistente e o inacreditável tome forma e pareça real, todo mundo sabe. Agora a versão CS5 do aplicativo promete entregar muito mais do que isso ao retirar boa parte do esforço necessário para a realização de alguns efeitos bastante complexos.</p>
<p>No primeiro artigo sobre a nova suíte gráfica da Adobe você conheceu o PatchMatch, capaz de preencher áreas da fotografia a partir de referências na própria imagem. O vídeo mais recente no preview do Photoshop mostrou mais um uso interessante da ferramenta. Desta vez, ao invés de recompor uma imagem, o PatchMatch é usado para facilitar e acelerar o tratamento da foto.</p>
<p>A limpeza de objetos indesejados em uma cena e até mesmo a alteração profunda de um cenário tornam-se questão de uma seleção e a ativação da ferramenta content-aware fill (preenchimento consciente do conteúdo).</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/NH0aEp1oDOI&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="490" height="295" src="http://www.youtube.com/v/NH0aEp1oDOI&amp;rel=0&amp;border=1&amp;color1=0xe1600f&amp;color2=0xfebd01&amp;hl=pt_BR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>No vídeo da Adobe você confere a remoção de vários problemas na primeira imagem, inclusive sem perda de qualidade e com a reconstrução do gradiente sutil do céu, ao se retirar a nuvem do canto esquerdo superior da foto. Sem essa ferramenta, uma alteração desse porte custaria várias horas de trabalho ao usuário.</p>
<p>Além da remoção da nuvem, seria necessário reconstruir o degradé do azul celeste, acertando em toda a extensão da seleção as cores individuais, praticamente pixel a pixel. Com o PatchMatch a coisa toda fica tão simples que basta apertar um botão.</p>
<h2><strong>Conhecimento é tudo</strong></h2>
<p><img class="alignleft size-full wp-image-553"  style="border: 0px none currentColor;" title="12693" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/12693.jpg" alt="" width="255" height="169" />Apesar de as ferramentas da nova versão do Photoshop – que será apresentada em abril, segundo o blog CS5 – facilitarem muito a vida de quem trata ou manipula imagens, nenhum desses processos substitui o talento e a criatividade de quem os está aplicando.</p>
<p>Por mais completo que um aplicativo seja, o resultado obtido com ele só é tão bom quanto a ideia de quem o opera. Além disso, mesmo os recursos que facilitam a vida do usuário exigem um mínimo de conhecimento – sobre o software e sobre tratamento e imagem – para maximizar a qualidade do resultado.</p>
<p>Ou seja, o Photoshop é uma ferramenta. Poderosa, excitante e impressionante, sem dúvidas, porém ainda depende de um operador, de alguém que saiba fazê-lo funcionar. Fotógrafos, ilustradores e artistas digitais continuam sendo tão necessários quanto em qualquer outro momento, porém agora com chances maiores de usar seu tempo em outras partes de suas atividades, e não o perdendo aplicando efeitos de maneira mecânica.</p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/a-magica-do-photoshop-cs5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ferramentas para combinação de cores</title>
		<link>http://webtopia.com.br/blog/ferramentas-para-combinacao-de-cores/</link>
		<comments>http://webtopia.com.br/blog/ferramentas-para-combinacao-de-cores/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 13:37:49 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Dica]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=534</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/ferramentas-para-combinacao-de-cores/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/03/kuler-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Os artistas, designers e arquitetos usam as cores para causar situações na percepção humana. As cores podem se combinar para geração destes efeitos]]></description>
			<content:encoded><![CDATA[<h2><a href="http://kuler.adobe.com/#" target="_blank">Kuler</a></h2>
<p><a href="http://kuler.adobe.com/#" target="_blank"><img class="alignnone size-full wp-image-535" style="border: 0px none currentColor;" title="kuler" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/kuler.jpg" alt="" width="400" height="183" /> </a></p>
<h2><a href="http://www.com/online.html" target="_blank">Color Schemer Online </a></h2>
<p><a href="http://www.com/online.html" target="_blank"><img class="alignnone size-full wp-image-536" style="border: 0px none currentColor;" title="colorschemerv2" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colorschemerv2.jpg" alt="" width="400" height="183" /></a></p>
<h2><a href="http://www.com/online.html" target="_blank">Color Schemer </a></h2>
<p><a href="http://www.colorschemer.com/schemes/" target="_blank"><img class="alignnone size-full wp-image-537" style="border: 0px none currentColor;" title="colorschemer" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colorschemer.jpg" alt="" width="400" height="183" /></a></p>
<h2><a href="http://colorschemedesigner.com/previous/colorscheme2/index-en.html" target="_blank">Color Scheme  Generator</a></h2>
<p><a href="http://colorschemedesigner.com/previous/colorscheme2/index-en.html" target="_blank"><img class="alignnone size-full wp-image-539" style="border: 0px none currentColor;" title="colorschemedesignprevious" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colorschemedesignprevious.jpg" alt="" width="400" height="183" /></a></p>
<h2><a href="http://colorschemedesigner.com/" target="_blank">Color Scheme Designer</a></h2>
<p><a href="http://colorschemedesigner.com/" target="_blank"><img class="alignnone size-full wp-image-540" style="border: 0px none currentColor;" title="colorschemedesign" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colorschemedesign.jpg" alt="" width="400" height="183" /></a></p>
<h2><a href="http://www.colorcombos.com/" target="_blank">Color Combos </a></h2>
<p><a href="http://www.colorcombos.com/" target="_blank"><img style="border: 0px none currentColor;" title="colorcombos" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colorcombos.jpg" alt="" width="400" height="183" /> </a><BR><BR></p>
<h2>ColourLovers</h2>
<p>E o mais abrangende site sobre o tema, o <a href="http://www.colourlovers.com/" target="_blank">ColourLovers</a>:</p>
<p><a href="http://www.colourlovers.com/" target="_blank"><img class="alignnone size-full wp-image-541" style="border: 0px none currentColor;" title="colourlovers" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/colourlovers.jpg" alt="" width="500" height="172" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/ferramentas-para-combinacao-de-cores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Serviços de Web 2.0</title>
		<link>http://webtopia.com.br/blog/servicos-de-web-2-0/</link>
		<comments>http://webtopia.com.br/blog/servicos-de-web-2-0/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 13:11:46 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[Dica]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Sites]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=506</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/servicos-de-web-2-0/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/02/tools-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>A Internet transformou, e continuará a fazê-lo, a nossa vida como utilizadores de recursos TI. A evolução permanente deste meio agregador de conteúdos, surpreende pela sua imensidão. Existem serviços fantásticos online, gratuitos e de muita qualidade.
Conheço variados serviços, vou tentar reunir alguns dos mais básicos, certamente o leitor conseguirá deixar a sua sugestão podendo aumentar ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="alignleft size-full wp-image-522" style="margin: 0px; border: 0px none currentColor;" title="tools" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/tools.jpg" alt="" width="179" height="179" />A Internet transformou, e continuará a fazê-lo, a nossa vida como utilizadores de recursos TI. A evolução permanente deste meio agregador de conteúdos, surpreende pela sua imensidão. Existem serviços fantásticos online, gratuitos e de muita qualidade.</p>
<p style="text-align: justify;">Conheço variados serviços, vou tentar reunir alguns dos mais básicos, certamente o leitor conseguirá deixar a sua sugestão podendo aumentar o leque de oferta.</p>
<p style="text-align: justify;"><a href="http://www.snipurl.com/site/index" target="_blank">SNIPURL</a><br />
Este serviço permite mascarar um endereço, tornando-o ao mesmo tempo mais curto, isto é imagine que tem um endereço muito longo, ao mandar por mail, ou mesmo quando quer referir esse link nalgum local por ser demasiado cumprido este torna-se pouco funcional e até pode dar azo a erros se não for devidamente escrito. Dentro destes serviço terá na sua conta os links originais e a respectiva equivalência.</p>
<p style="text-align: center;"><img class="size-full wp-image-507 aligncenter" title="imagem_snipurl" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_snipurl.jpg" alt="" width="425" height="243" /></p>
<p><a href="http://tinyurl.com/" target="_blank">TinyURL</a><br />
Este serviço faz o mesmo que o anterior, mas ainda deixa o endereço mais pequeno. Se os endereços que mete ficam cortados perdendo o valor, então use esta ferramenta para deixar os links com outra aparência.</p>
<p><a href="http://www.dwarfurl.com/" target="_blank">dwarfURL</a><br />
Este é outro serviço que transforma um endereço longo num pequeno e arranjado endereço. Depois de os “transformar” este nunca expiram, possibilitando um arranjo ou uma mascara eterna para determinados links.</p>
<p style="text-align: justify;"><a href="http://lab.rails2u.com/polaroize/" target="_blank">Polaroize</a><br />
Polaroize é um serviço muito interess<br />
ante, se quiser dar um aspecto de fotografia polaroid às suas imagens então pode usar este scrip muito simples disponível neste lugar. Pouco há para dizer, apenas escolha a imagem a polarizar, defina a qualidade e execute, copie e utilize, simples.</p>
<p style="text-align: center;"><img class="aligncenter" title="imagem_polaroize" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_polaroize.jpg" alt="" width="425" height="245" /></p>
<p><a href="http://browseatwork.com/" target="_blank">BrowseatWork</a><br />
Este serviço permite-lhe ultrapassar algumas linhas de proibição que possa ter dentro da sua rede de trabalho. Nalgumas empresas, escolas e serviços públicos, as pessoas estão limitadas quanto à utilização da Internet, usando um proxy o utilizador pode contornar algumas dessas barreiras e navegar “quase” livremente. Este é um serviço, mas muitos outros existem, fica apenas o exemplo.</p>
<p><a href="http://resizr.lord-lance.com/" target="_blank">ResizR</a><br />
Tem uma imagem grande e precisa de a recortar? Está numa máquina sem um editor de imagem que lhe faça isso.. e não sabe como pode resolver? Então este serviço é para si. ResizR permite redimensionar uma imagem usando a web. Importe a imagem do seu PC ou directamente da Internet, escolha a largura da imagem e converta. O serviço é rápido e o nível de qualidade é aceitável. Permite também rodar a imagem.</p>
<p style="text-align: justify;"><a href="http://fotoflexer.com/" target="_blank">FotoFlexer</a><br />
Ter um editor de imagem online também ajuda. Seguindo mais a fundo o passo anterior, imaginamos agora que precisamos de retocar uma imagem, ou mesmo elaborar um trabalho mais requintado, então o FotoFlexer vem mesmo a calhar. Neste serviço podemos importar uma imagem, alterar o tamanho, adicionar efeito, adicionar filtros de correcção, rodar, inverter, etc. Muitas possibilidades estão disponíveis. É um excelente serviço de edição de imagem.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-511" style="border: 0px none currentColor;" title="imagem_fotoflexer00" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_fotoflexer00.jpg" alt="" width="425" height="270" /></p>
<p><a href="http://yotophoto.com/" target="_blank">Yotophoto</a><br />
Para quem gosta e fotografia e imagens este local é obrigatório. Se pretende usar essas fotos para expor, então tem de cuidar dos direitos de autor, mas existem milhões delas que foram disponibilizadas de forma livre, as chamadas imagens copyleft. Livres de direitos de autor, prontas a serem usadas sem que tenha de pagar para isso. Este motor de pesquisa faz isso mesmo, encontra este tipo de imagens.</p>
<p><a href="http://www.improveyourimages.com/" target="_blank">Improve Your Images</a><br />
Esta ferramenta serve para melhorar as suas imagens. É um serviço mais restrito, apenas usa filtros para limpar algumas incorrecções que possam existir nas fotografias, por exemplo o efeito de olhos vermelhos, desequilíbrio de tonalidades cores, etc.</p>
<p style="text-align: justify;"><a href="http://www.zamzar.com/" target="_blank">Zamzar</a><br />
Este serviço é fantástico, converte (quase) tudo o que possa imaginar. Seja imagem, vídeo ou ficheiros de dados este serviço tem sempre as possibilidade de conversão. Quer converter um .doc em .pdf? Então tem aqui a solução.Mandaram-lhe um .docx e não sabe como o converter? Não instale nada, converta online. Recolha vídeo de uma url e transforme imediatamente para um formato amigável, descarregue a conversão directamente no seu ambiente de trabalho. Ao fazer o registo o serviço dá-lhe mais recursos para conversão. Guarde bem este serviço.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-513" title="imagem_zamzar" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_zamzar.jpg" alt="" width="425" height="228" /></p>
<p><a href="http://media-convert.com/converter/" target="_blank">Media Convert</a><br />
Media-Convert funciona sem inscrição e gratuitamente. Não tem de instalar nada e nenhum “software” específico é necessário. Penas necessitam do browser. Pode converter diversos formatos de ficheiros. Os ficheiros estão acessíveis 7/7 dias, 24h/24. Escolham o formato de entrada (o formato o vosso ficheiro), depois o de saída (o formato desejado), e enviam o ficheiro através do formulário e é só esperar pelo ficheiro convertido. Além disso pode dividir o ficheiro em partes com determinado tamanho.</p>
<p style="text-align: justify;"><a href="http://www.webmath.com/" target="_blank">WebMath</a><br />
É daquelas pessoas que detesta matemática? Não sabe multiplicar fracções? Problemas a calcular áreas? Então agarre-se a este serviço. Tem a “papinha” toda prontinha, é só usar. Para os estudantes este serviço é uma gota de mel no fel do dia a dia matemático. São dezenas de funções, cálculos, conversões e derivados.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-514" title="imagem_webmath" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_webmath.jpg" alt="" width="425" height="200" /></p>
<p><a href="http://www.pplware.com/2007/12/27/converticon/" target="_blank">ConvertIcon</a><br />
Este serviço é muito simples de entender e de usar. Se tem imagens que gostava que se tornassem num agradável ícone do seu ambiente de trabalho não precisa de procurar mais. Não necessita de instalar aplicações, siga apenas o caminho deste serviço.</p>
<p>Basta fazer o upload da imagem (PNG ou ICO) e esperar um segundo pelo link de download. Temos a nossa imagem pronta a usar com a correcta formatação .ico divirtam-se.</p>
<p><a href="http://www.webcalc.com.br/frame.asp?pag=http://www.webcalc.com.br/inicial.html" target="_blank">WebCAlc</a><br />
Aqui também de calculam valores. Mais simples embora mais especifico. Pode utilizar as categorias, seleccionar o tipo de cálculo e obter os resultados sem erro. Uma ferramenta importante no dia a dia.</p>
<p style="text-align: justify;"><a href="http://maps.live.com/" target="_blank">Live Search Maps</a><br />
Antes de viajar passe em revista o caminho por onde irá passar. Os mapas indicam-lhe além do caminho, obviamente, zonas alternativas de passagem, já que a imagem aérea o informa de outros pormenores. Este serviço é rápido e pormenorizado, pode imprimir rotas pré-preparadas. Serviço desenvolvido pela Microsoft.</p>
<p><a href="http://maps.google.com/" target="_blank">Google Maps</a><br />
Este serviço, à semelhança do anterior, também lhe permite pesquisar e visualizar mapas e imagens de satélite da Terra. É um serviço gratuito na web fornecido pela empresa Google. Actualmente, o serviço disponibiliza mapas e rotas para qualquer ponto nos Estados Unidos, Canadá, na Europa, Austrália e Brasil, entre outros.</p>
<p><a href="http://www.pplware.com/2007/05/12/pic-resize-20/" target="_blank">Pic Resize 2.0</a><br />
O Pic Resize é um dos sítios na Internet que permite redimensionar imagens no seu computador, mas uma breve busca no Google irá retornar muitos outros serviços semelhantes. Pode redimensionar a imagem para 75%, 50% ou 25% do tamanho original ou especificar uma largura e altura, em pixels ou percentagem. Para além disso pode seleccionar entre 12 efeitos para a imagem redimensionada, desde uma simples rotação, até escala de cinza. O formato da imagem final pode também ser escolhido pelo utilizador, entre JPG, GIF ou PNG. Depois, é só gravar e usar!</p>
<p style="text-align: justify;"><a href="http://vectormagic.stanford.edu/" target="_blank">Vector Magic</a><br />
Este serviço online permite transformar as imagens em formato vectorial. Uma imagem vectorial normalmente é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vectores matemáticos para sua descrição. Num trecho de desenho sólido, de uma cor apenas, um programa vectorial apenas repete o padrão, não tendo que armazenar dados para cada pixel.</p>
<p style="text-align: justify;">Este serviços web permite-nos converter online imagens em formato compactado, como o JPG por exemplo, em formato vectorial.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-515" title="imagem_vectormagic" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/imagem_vectormagic.jpg" alt="" width="425" height="163" /></p>
<p style="text-align: justify;"><a href="http://www.youconvertit.com/ConvertFiles.aspx" target="_blank">Super Conversor Web</a><br />
Este serviço é polivalente e multi funcional. Com ele poderemos fazer muitíssimas tarefas, podemos converter online vídeos do YouTube, oferece um serviço de conversão de unidades e ainda um serviço de alojamento de ficheiros temporários, onde lhe é solicitado um endereço para receber o link onde poderá fazer o respectivo downlod. Muitas outras funções poderão ser descobertas neste fantástico serviço que, só a título de exemplo, tem mais de 150 possibilidades de conversão dentro das categorias imagens, vídeo, áudio e dados.</p>
<p style="text-align: justify;"><a href="http://audiko.net/en.html" target="_blank">Passe os seus MP3 favoritos para celular</a><br />
Nesta página do serviço é possível converter as suas músicas favoritas para celular. Basta fazer o upload da sua música em formato mp3 e de seguida escolher qual a parte da música mais lhe agrada, poderá ser o refrão por exemplo. Passados uns momentos terá um excerto de 20 segundos da parte da música que seleccionou. Há a possibilidade de fazer o download para o nosso computador, blog ou directamente através do celular (também suporta iPhone).</p>
<p style="text-align: justify;"><a href="http://www.drop.io/" target="_blank">drop.io – O seu local privado!</a><br />
drop.io é um serviço que lhe permite partilhar imagens, dados, vídeos, musica simplesmente definindo quem poderá ter acesso a estes conteúdos, quando quer que expire o link que construiu, se tem ou não password de acesso ao conteúdo, entre outras possibilidades.</p>
<p>Pode descarregar dentro da sua conta um vídeo por exemplo e utilizar o mesmo embutido no seu site, por exemplo. Além disso o serviço permite ter acesso a estas possibilidades sem ter de criar um registo com e-mail e todas aquelas exigências desnecessárias.</p>
<h1>13 serviços de Web 2.0 desenvolvidos no Brasil</h1>
<p>A Web 2.0 brasileira cresceu e multiplicou. Há cerca de um ano, eram raros os serviços disponíveis. Hoje, é difícil fazer uma seleção sem cometer injustiças.</p>
<p>Veja 13 serviços de Web 2.0 desenvolvidos por brasileiros. A seleção buscou mostrar exemplos de sites nas mais diversas áreas.</p>
<p>Nesta lista você vai encontrar sites de mídia e favoritos sociais, despesas pessoais online e aplicativos para empresas, entre muitos outros. A ordem dos serviços é a alfabética.</p>
<p><a href="http://www.apontador.com.br/" target="_blank">Apontador</a><br />
O Apontador, site da primeira fase de internet, adaptou-se à Web 2.0. Ao estilo dos principais serviços de mapas, ele traz imagens de satélites e permite navegar pelas páginas apenas clicando e carregando.</p>
<p>Os serviços continuam parecidos, mas agora preparados para a nova era da internet. Você pode saber onde fica uma rua, traçar uma rota, verificar o trânsito e o clima. Além disso, pode marcar seus locais, como a residência ou o endereço do trabalho.</p>
<p>Outro recurso é a possibilidade de marcações pessoais nas regiões escolhidas, como comércio, imóveis, educação, esporte, gastronomia, governo, saúde, serviços, transportes e turismo.</p>
<p>É possível encontrar também algumas marcações de lojas feitas diretamente pelo Apontador, em um sinal de que o site está trabalhando em um serviço local de classificados via mapas.</p>
<p><a href="http://www.aprex.com.br/home.php" target="_blank">Aprex</a><br />
Os concorrentes do Aprex são o Google, a Microsoft e Yahoo, as três maiores empresas de internet do mundo. Nada que desanime os fundadores do serviço, uma das mais bem-sucedidas investidas de brasileiros na área de aplicativos online.</p>
<p>Os serviços online são calendário, lista de contatos, tarefas, disco virtual, blogs, enquetes, apresentações e e-mail marketing (as duas últimas ainda em beta).</p>
<p>O sócio-diretor do Aprex, Guilherme Coelho,  explicou porque acredita que o Aprex vai dar certo:</p>
<p>1) Simplicidade: a facilidade de uso é considerada melhor que a dos sites internacionais.</p>
<p>2) Integração: muitos dos serviços concorrentes não têm todos os recursos em um único lugar, como o Aprex.</p>
<p>3) Serviços profissionais: como um dos alvos do Aprex são as pequenas e médias empresas, as aplicações Web 2.0 contam com recursos de segurança, o que dá mais confiabilidade para quem usa.</p>
<p><a href="http://www.blogblogs.com.br/" target="_blank">Blogblogs</a><br />
O Blogblogs acabou de ganhar uma nova versão. O principal diretório de blogs brasileiros, desenvolvido por Manoel Lemos em um trabalho solitário, incorporou recursos, criou rankings e ficou mais parecido com o Technorati, o seu modelo de inspiração.</p>
<p>Agora, o Blogblogs traz um ranking com os principais blogs brasileiros. O critério é o mesmo do Technorati: o número de blogs que linkam para o seu blog é um sinal da sua popularidade. Se houver empate, o número de links é o critério para desempatar.</p>
<p>Mas o ranking é apenas um dos recurso que melhoraram e muito o Blogblogs. Agora, o dono de um blog pode cadastrar o seu blog, escolher os seus blogs favoritos, indexar seus posts e acrescentar suas tags. Se quiser, pode automatizar o “ping”, recurso que avisa o sistema do Blogblogs toda vez que um novo conteúdo está no ar.</p>
<p>Uma informação que estava na versão anterior, e agora não é mais encontrada, é a quantidade de blogs indexados. Em fevereiro, eram 143 mil.</p>
<p><a href="http://www.boo-box.com/html/pt/" target="_blank">Boo-box</a><br />
Esse é o serviço de Web 2.0 que maior repercussão conseguiu fora do Brasil. O Boo-box, que associa imagens e palavras a sites de comércio eletrônico, foi destaque no TechCrunch, considerado a principal referência do ramo internacionalmente.</p>
<p>A idéia é de dois brasilienses, Raphael Vasconcellos e Marco Gomes, que, em dezembro de 2006, ao verem uma foto da modelo brasileira Gisele Bündchen com o tênis All Star se questionaram: “E por que não comprar o tênis apenas clicando na imagem”?</p>
<p>Essa é a concepção do Boo-box. Os blogueiros colocam um script em sua página e depois, na hora de publicar o texto, acrescentam um tag na imagem e no texto.</p>
<p>Simples assim. Para dar certo, o Boo-box terá de provar a eficiência do seu modelo e ter parcerias com lojas de prestígio do comércio eletrônico brasileiro e internacional (sim os objetivos são além mar). Não é demais registrar que modelos para que blogueiros ganhem dinheiro não faltam: do Google ao UOL.</p>
<p><a href="http://www.camiseteria.com/" target="_blank">Camiseteria</a><br />
Você já ouvir falar de rede social, mídia social e outras formas de colaboração que estão surgindo na esteira da Web 2.0, não? E comércio social? Que tal dar uma olhada no Camiseteria, do blogueiro e um dos pioneiros da Web 2.0 nacional, Fábio Seixas.</p>
<p>O Camiseteria é um site que vende camisetas com estampas feitas pelos próprios usuários, que enviam pela internet e passam pelo crivo dos internautas em uma votação aberta.</p>
<p>A votação de cada estampa dura 10 dias corridos e durante esse período qualquer usuário cadastrado no site poderá votar.</p>
<p>Após os 10 dias, a estampa sai de votação e recebe uma nota média final, que fica disponível no perfil do autor. Os vencedores recebem R$ 350 em dinheiro e R$ 350 em produtos.</p>
<p>Quem quiser comprar uma camiseta da coleção do Camiseteria, no entanto, vai ter de colocar a mão no bolso. Elas custam até 55 reais.</p>
<p><a href="http://www.debit.com.br/" target="_blank">Debit</a><br />
A burocracia é um monstro feito sob medida para os contadores. Mas esse demônio começa a ser domado por um preço razoável e com controle total pela Web.</p>
<p>O Debit não é um serviço para usuários finais, mas sim para pequenas e médias empresas e profissionais liberais.</p>
<p>Entre os serviços estão o Debit Atualiza, que faz cálculos de correção monetária, de juros, multas, custas e honorários, e o Debit Trabalhista, para cálculos como diferenças salariais, 13º salário, encargos como IRFF e INSS.</p>
<p>Alguns aplicativos online são gratuitos, como o Debit SAC, para controle do serviço de atendimento a clientes, e o Debit Ponto, para controle de cartões de ponto.</p>
<p><a href="http://www.dicasp.com.br/" target="_blank">DicaSP</a><br />
Ninguém percebeu, mas a poderosa editora Abril está fazendo um teste na Web 2.0, usando a base de dados de bares e restaurantes da Veja São Paulo.</p>
<p>O modelo é simples. Os usuários podem procurar bares e restaurantes, mas não incluir os seus preferidos. Os internautas registrados podem criticar, comentar e indicar um local.</p>
<p>Você pode montar a sua lista de lugares preferidos em São Paulo, deixar seus comentários, navegar pela lista de outras pessoas e até marcar encontros e happy hours.</p>
<p>É possível saber quais são os lugares mais populares e, para desgostos de alguns proprietários, os menos populares.</p>
<p>No site, não há nenhuma referência sobre quem é a empresa por trás do empreendimento. Na home da Veja São Paulo, apenas uma chamada discreta para a nova comunidade.</p>
<p><a href="http://www.garimpar.com.br/favoritos/" target="_blank">Garimpar</a><br />
Você não precisa garimpar muito para saber qual é a inspiração do Garimpar, um site de favoritos sociais, cujo modelo é baseado do del.icio.us, serviço popular entre os norte-americanos e também entre os brasileiros.</p>
<p>A idéia é simples. Em vez de guardar os seus favoritos na desktop, o serviço permite que eles sejam salvos na internet, classificados com etiquetas, chamadas na Web 2.0 de tags. Assim, de qualquer lugar, você pode acessar o conteúdo.</p>
<p>Os favoritos salvos em sua conta podem ser públicos, privados ou anônimos. Conforme você vai adicionando novos conteúdos, sua nuvem de tag vai sendo formada. Mas o Garimpar tem ainda que melhorar para se comparar ao seu par norte-americano.</p>
<p>O serviço brasileiro não tem uma nuvem com as tags mais comuns, nem permite navegar por categorias para saber os itens mais populares. Reflexo, talvez, do seu baixo ainda número de usuários.</p>
<p><a href="http://www.overmundo.com.br/" target="_blank">Overmundo</a><br />
Criado pela parceria entre o chairman do iCommons, Ronaldo Lemos, o antropólogo Hermano Vianna e o advogado Marcelo Zacchi, o OverMundo é considerado o primeiro site apoiado pelo Governo a explorar a Web 2.0.</p>
<p>Definida por Lemos como “jornalismo cidadão”, a iniciativa permite que usuários publiquem textos de assuntos diversos, que carregam a licença Creative Commons e tragam a mínima relação com cultura nacional.</p>
<p>Após a publicação, a comunidade do Overmundo pode votar e categorizar as notícias, no mesmo sistema proposto pelo Digg.</p>
<p><a href="http://www.peqno.com/" target="_blank">Peqno</a><br />
Na primeira fase da internet, durante o ano 2000, um bom plano de negócios envolvia um serviço para o mercado latino-americano, modelo consagrado pela StarMedia, e a abertura de capital na Nasdaq, modelo consagrado pela StarMedia.</p>
<p>Na era Web 2.0, não há ambições de abrir o capital &#8211; afinal, na maioria dos casos não há capital &#8211; mas a América Latina cedeu espaço para, simplesmente, o mundo. Isso mesmo. Software como serviço permite que você atinja vários países, sem a necessidade de subsidiárias e investimentos em estruturas físicas.</p>
<p>Basta um servidor na mão e um bom plano de negócios. Tome o exemplo do Peqno, um site de dois catarinenses cuja missão é simples: transformar URLs gigantes em pequenas, com diz o nome.</p>
<p>O Peqno.com surgiu primeiro em inglês. Já tem versão em português e espanhol. Prepara-se para lançar o site em italiano e alemão. E o objetivo é também ser entendido pelos chineses, o maior mercado em expansão do planeta. A versão em mandaria, dizem os fundadores, está a caminho.</p>
<p><a href="http://rec6.via6.com/" target="_blank">Rec6</a><br />
Não faltam candidatos ao Digg nacional. Entre eles, <a href="http://www.eucurti.com.br/" target="_blank">EuCurti</a>, <a href="http://www.linkk.com.br/" target="_blank">Linkk</a> e <a href="http://www.outrolado.com.br/" target="_blank">OutroLado</a>. Nenhum deles ainda chegou perto do Rec6, que foi adotado principalmente pela comunidade de tecnologia.</p>
<p>Além de um visual mais limpo, próprio do estilo de design da Web 2.0, o Rec6 é mais rápido e fácil de se cadastrar que seus pares. Além disso, foi incorporando ferramentas que o torna ainda melhor.</p>
<p>Uma delas é um widget, ainda é em beta, outra característica da Web 2.0, que permite ao usuário saber em que notícias votou, as notícias dos seus contatos e as notícias do seu interesse.</p>
<p>Um recurso recém-lançado mantém o internauta mais tempo dentro do Rec6. Ao clicar em uma notícia, o leitor é direcionado para a página do conteúdo. Uma barra na lateral esquerda, relaciona outras notícias do Rec6 associadas com aquele conteúdo.</p>
<p>Para ser um editor do Rec6 ou votar na notícias, é preciso se cadastrar no Via6, uma comunidade profissional dos meus fundadores do Rec6. Nada que vá doer.</p>
<p>As duas, Rec6 e Via6, acabaram de receber um investimento de capital de risco da Confrapar, cujo valor não foi revelado.</p>
<p><a href="http://spesa.com.br/" target="_blank">Spesa</a><br />
Se o mês é grande demais para caber no seu salário, está na hora de controlar e saber quais são os seus gastos. Essa é a proposta do Spesa, um aplicativo que ajuda a controlar as despesas pessoais.</p>
<p>Os usuários dos browsers Firefox e do sistema operacional Mac OS X, da Apple, podem baixar widgets e ter na tela do seu desktop um aplicativo com todas as informações de sua movimentação: dos débitos aos créditos.</p>
<p>Lançado em fevereiro, o site tinha 861 contas criadas e registrados em sua base de dados 4.531 lançamentos e 904 agendamentos. Você pode acompanhar tudo também através de RSS. O serviço é gratuito.</p>
<p><a href="http://videolog.uol.com.br/" target="_blank">Videolog</a><br />
Você não pode imaginar o quanto é dura, e quente, a vida nos trópicos. Pegue o exemplo do Videolog, que em dezembro anunciou acordo com o portal UOL.</p>
<p>O Videolog surgiu nove meses antes do YouTube e com o mesmo conceito que levou o site de compartilhamento de vídeos norte-americano a ser adquirido pelo Google por 1,6 bilhão de dólares em 2006.</p>
<p>É claro que a versão brasileira não vale essa quantia. O que pode também ser visto de uma forma positiva. Não haverá também uma Viacom pedindo 1 bilhão de dólares em indenização por violação de direitos autorais.</p>
<p>A qualidade dos vídeos do Videolog é boa e também não deixa a desejar ao YouTube.  O que falta é ainda a grande variedade é que possível encontrar no site norte-americano. Entre os brasileiros, consolida-se como a melhor opção.</p>
<p style="text-align: right;"><span style="color: #888888;"><em>Idgnow | Peopleware</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/servicos-de-web-2-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manual de marketing no Twitter</title>
		<link>http://webtopia.com.br/blog/manual-de-marketing-no-twitter/</link>
		<comments>http://webtopia.com.br/blog/manual-de-marketing-no-twitter/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 18:19:58 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Dica]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=469</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/manual-de-marketing-no-twitter/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/02/100210_dicas_mkt_twitter.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>@awebtopia

Se você tem lido publicações especializadas em negócios e marketing nos últimos 2 anos,  já está convencido do poder do Twitter para o seu produto, serviço, marca ou sua carreira. Todos as principais revistas, jornais e portais vêm dedicando bastante espaço para esse fenômeno da internet; atraindo executivos do alto escalão das empresas a ]]></description>
			<content:encoded><![CDATA[<p style="text-align: right;"><span style="color: #99ccff; text-decoration:none;"><a href="https://twitter.com/awebtopia" target="_self">@awebtopia</a></span></p>
<p style="text-align: center"><img class="size-full wp-image-470 aligncenter" style="margin: 0px; border: 0px none currentColor;" title="100210_dicas_mkt_twitter" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/100210_dicas_mkt_twitter.jpg" alt="100210_dicas_mkt_twitter" width="495" height="131" /></p>
<p style="text-align: justify;">Se você tem lido publicações especializadas em negócios e marketing nos últimos 2 anos,  já está convencido do poder do Twitter para o seu produto, serviço, marca ou sua carreira. Todos as principais revistas, jornais e portais vêm dedicando bastante espaço para esse fenômeno da internet; atraindo executivos do alto escalão das empresas a criarem  uma conta. De Bill Gates a Richard Branson passando por Eric Schmidt. Além disso, milhares de blogueiros e micro empresas descobriram no Twitter uma ferramenta única de relacionamento e prospecção de clientes.</p>
<p>Selecionei as 33 melhores dicas para se tirar o máximo dessa ferramenta sem erros. Elas estão separadas por categoria: geral (para todos), empresas (twitter de marca ou produto) e pessoal. Todas as dicas foram extraídas do Powerpoint “<a href="http://abrandando.blogspot.com/2010/01/140-twitter-tips-view-more.html" target="_blank">140 Twitter Marketing Tips</a>”.</p>
<div align="center"><img class="size-full wp-image-471   aligncenter" style="margin: 0px; border: 0px none currentColor;" title="100210_twt1" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/100210_twt1.gif" alt="100210_twt1" width="209" height="120" /></div>
<p style="text-align: justify;">- A cada tweet você dá às pessoas duas opções: retweet ou unfollow. <span style="color: #99ccff;">@claymabbitt</span></p>
<p>- Lembre-se que tweet significa piar, não cacarejar.</p>
<p>- <span style="color: #99ccff;">@Arsene333 </span>Pense no Twitter como sua própria campanha de relações públicas.</p>
<p>- Você não vai entender social media até você usar. <span style="color: #99ccff;">@VisitFingerLake</span></p>
<p>- Twitter é um grande crivo. CEOs, gurus e pessoas comuns todos têm que dar o melhor de si em 140 caracteres. <span style="color: #99ccff;">@karamartens</span></p>
<p>- Não planeje demais nem teste demais. Apenas faça e veja se funciona. <span style="color: #99ccff;">@tushin</span></p>
<p>- Todos tweets são lidos &#8211; não apenas os sobre sua marca ou marketing. Tenha cuidado com o que você diz!</p>
<p>- Não fique preso! Fale com as pessoas que gastam tempo mencionando você, seguindo você ou mandando direct message pra você.</p>
<p>- <span style="color: #99ccff;">@sarahebuckner</span>: Fico louca quando as pessoas passam horas sem postar e então postam 9 vezes seguidas. Se fizer isso com frequência, eu paro de seguir.</p>
<p>- <span style="color: #99ccff;">@Arsene333</span>: Antes de você clicar em enviar pergunte a si mesmo: “eu seguiria essa pessoa com base neste único tweet?” Se for sim, clique enviar.</p>
<p>- <span style="color: #99ccff;">@jecates</span> Seguir milhares de pessoas esperando receber mais atenção é mais provável que você seja bloqueado do que seguido.</p>
<div align="center"><img class="size-full wp-image-472  aligncenter" style="margin: 0px; border: 0px none currentColor;" title="100210_twt2" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/100210_twt2.gif" alt="100210_twt2" width="209" height="120" /></div>
<p>- Não apenas fale sobre seu produto, fale sobre sua expertise e fale sobre isso com os consumidores e potenciais consumidores.</p>
<p>- <span style="color: #99ccff;">@MoxieMarketing</span> crie uma estratégia antes de pular no Twitter. O que você quer com isso? Quem você quer alcançar?</p>
<p>- <span style="color: #99ccff;">@KevinEikenberry</span> Os 3 P’s do mkt no Twitter é ser Provocativo, Proporcionar valor e, o mais importante, Pessoal.</p>
<p>- Ater-se a mensagens é perigoso. Aprenda a se adaptar e ouça o que eles estão falando sobre seu produto/serviço.</p>
<p>- <span style="color: #99ccff;">@LindsayManfredi</span> Twitter se trata de construir relacionamento e confiança. Use-o de forma inteligente e as pessoas entenderão isso. Por favor, não tente me vender nada.</p>
<p>- <span style="color: #99ccff;">@JustShireen</span> Fale. Intereaja, responda. Isso deveria ser uma conversa, não discurso de vendas.</p>
<p>- Colocar um nome de verdade e um rosto permite consumidores associarem a sua marca ao nível pessoal.</p>
<p>- <span style="color: #99ccff;">@LisaMarieDias</span> tenha em mente; mesmo que você não tenha uma multidão de seguidores, com um único tweet você está enviando para a gigantesca rede.</p>
<p>-<span style="color: #99ccff;"> @hendrylee</span> A experiência nos disse que os primeiros a adotarem uma tecnologia em marketing conquistam uma vantagem injusta sobre os outros que chegam depois.<br />
- Lembre-se que Twitter é comunicação, não marketing. Foque-se em agregar valor à conversa, não vender algo pra alguém.</p>
<div align="center"><img class="aligncenter size-full wp-image-473" style="margin: 0px; border: 0px none currentColor;" title="100210_twt3" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/100210_twt3.gif" alt="100210_twt3" width="209" height="120" /></div>
<p>- Twitter é tão bom quanto as pessoas que você segue.  <span style="color: #99ccff;">@lookwebdesign</span></p>
<p>- Você é a marca!!! Ninguém mais. Você está se vendendo como pessoa e mostrando que vale à pena ser seguido.</p>
<p>- <span style="color: #99ccff;">@jacobm</span> Exclua as pessoas que você segue se eles não acrescentarem nada a você.</p>
<p>- Sério, eu realmente não estou nem aí pro que você almoçou hoje. Mas eu gostaria de saber sobre seu momento de inspiração quando cria algo <span style="color: #99ccff;">@jennypratt</span></p>
<p>- <span style="color: #99ccff;">@jacobm</span> Siga pessoas que VOCÊ acha interessante, não siga apenas porque todo mundo acha.</p>
<p>- Se alguém que você conhece tem ótimas novidades (ex: ser promovido), mas é modesto demais pra twittar sobre, considere você mesmo twittar a novidade. <span style="color: #99ccff;">@appellatelaw</span></p>
<p>- <span style="color: #99ccff;">@KristieKreation </span>Não apenas retweet, poste links e citações!! Não deixe de estimular conversas para que os outros conheçam um pouco de você.</p>
<p>- <span style="color: #99ccff;">@FranchiseKing</span> Tweet um press-release recente seu ou post do seu blog por dia, misture com outros links úteis, artigos relevantes e blog posts.</p>
<p>- Twitter funciona melhor quando integrado. Use para complementar blogs e outras redes sociais.</p>
<p>- <span style="color: #99ccff;">@bnyquist</span> Nunca ou pelo menos não constantemente mude seu avatar, é uma das únicas coisas que garante consistência à sua marca online.</p>
<p>- Choque os outros com sua honestidade. Geralmente, ao menos uma pessoa se identificará com ela.</p>
<p>- <span style="color: #99ccff;">@makingcjc</span> Aprenda como RT, isso não apenas lhe manterá ativo, mas faz as outras pessoas saberem o que você acha interessante.</p>
<p style="text-align: justify;">
<p style="text-align: right;"><em><span style="color: #888888;">Por Sylvio R.</span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/manual-de-marketing-no-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grids são bons (certo?)</title>
		<link>http://webtopia.com.br/blog/grids-sao-bons-certo/</link>
		<comments>http://webtopia.com.br/blog/grids-sao-bons-certo/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 04:02:29 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=433</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/grids-sao-bons-certo/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/02/grids_are_good-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>"A grade é a manifestação mais viva da vontade de ordem no design gráfico".
Artigo sobre o uso de grids, no Web-design. Apresentação muito boa para designers]]></description>
			<content:encoded><![CDATA[<p><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=grids-are-good-right-29523&amp;rel=0&amp;stripped_title=grids-are-good-right" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=grids-are-good-right-29523&amp;rel=0&amp;stripped_title=grids-are-good-right" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><img class="size-full wp-image-436  alignleft" title="grids_are_good" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/grids_are_good.jpg" alt="grids_are_good" width="180" height="178" /><BR>2007<BR>152 pages<BR> PDF<BR> 5Mb<BR> Article about using grid in Web-design.<br />
<a href="http://rapidshare.com/files/89116842/grids_are_good.rar" target="_blank">Download</a><br />
<BR><br />
<em>http://www.ebookpdf.net/</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/grids-sao-bons-certo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Publicar em papel? Pra quê?</title>
		<link>http://webtopia.com.br/blog/publicar-em-papel-pra-que/</link>
		<comments>http://webtopia.com.br/blog/publicar-em-papel-pra-que/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 18:54:07 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Livros]]></category>
		<category><![CDATA[Comunicação]]></category>
		<category><![CDATA[Livro]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=398</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/publicar-em-papel-pra-que/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/02/Gutenberg_presse-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>
Nove entre dez escrevinhadores que me aparecem, desejam, ardentemente, publicar em livro. Não sou editor de livros, sou editor de internet, mas pressinto que – na maioria dos casos – o meu site é visto como um ritual de passagem para finalmente, um dia, estrear em livro. Continua como uma das mais fortes ilusões, mesmo ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">
<p style="text-align: justify;">Nove entre dez escrevinhadores que me aparecem, desejam, ardentemente, publicar em livro. Não sou editor de livros, sou editor de internet, mas pressinto que – na maioria dos casos – o meu site é visto como um ritual de passagem para finalmente, um dia, estrear em livro. Continua como uma das mais fortes ilusões, mesmo nos dias de hoje. Aqui, eu pretendo demonstrar, contudo, que publicar em livro pode ser – como aliás é, na maior parte das vezes – uma tremenda de uma fria. E por uma razão bastante simples: muito do que se espera de um livro com o próprio nome na capa, a internet já oferece, de graça, para estreantes na arte da escrita.</p>
<p style="text-align: justify;">É mais fácil, em termos de raciocínio – e para não dizerem que eu generalizo – tomar o meu caso, nos verdes anos em que eu ainda escrevia. Eu pegava um livro do Rubem Fonseca, por exemplo. Olhava a capa, virava, apalpava, apreciava a lombada. Naquela época – os anos 90 –, os livros da Companhia das Letras eram tão incomparavelmente mais bonitos que todo mundo queria publicar por ela. (Ainda querem, eu sei&#8230;) Eu escrevia mas, provavelmente, não queria fazer literatura – eu queria publicar. Ter meu nome nas estantes. Ir ao Jô Soares e impressionar o mesmo jovem da minha idade que, de repente, entrando numa livraria, se aventuraria a comprar um livro. Eu não sabia nada da vida dos escritores. Eu não tinha nenhuma noção de como funcionava o mercado editorial. Mas eu me achava bom, acreditava, claro, que merecia ser (re)conhecido – e publicar, então, era meu objetivo.</p>
<p style="text-align: justify;">Os jovens escrevinhadores, de lá pra cá, não mudaram muito. A diferença é que, além do Rubem Fonseca, podem, agora, lamber com os olhos os livros de escritores estreantes – tão ruins ou piores do que seu potencial público leitor. De modo que é bastante freqüente a pergunta: “Se até esse sujeito publica, por que eu não posso (também publicar)?”. Pode. Não custa tão caro; algumas editoras até se dispõem a fazê-lo&#8230; (traindo, naturalmente, sua função primordial de “editar”). A questão é que, depois de publicar, não acontece nada. Não acontece nada do que você, jovem escrevinhador, imaginava que fosse acontecer. Pergunte para os blogueiros-escritores. Eles estão disponíveis aí na internet, no e-mail. Os livros fizeram deles, autores, mais conhecidos do que já eram com seus blogs? A resposta é: não. A resposta é: existem, atualmente, blogueiros mais famosos do que autores de livros lançados aos montes no mercado editorial.</p>
<p style="text-align: justify;">Vamos agora ver onde está o erro de quem almeja publicar em livro. Em primeiro lugar – apesar da quantidade de livros de novatos que você encontra –, o autor novo é considerado um “mico” pelos profissionais do mercado. Pergunte a qualquer agente literário. Pergunte a qualquer livreiro. Autores novos chegam semi-analfabetos, com seus originais, às editoras; algumas os lançam mas, depois, não conseguem nem distribuir; afinal, ninguém os conhece, nenhuma livraria quer&#8230; E é igual na mídia: neste mundo de autores de best-sellers que publicam todo ano (nacionais e estrangeiros), e das reedições infinitas (e traduções novas – a moda agora são os autores russos), não sobra espaço para a divulgação de estreantes. E os livros deles são ruins! Muito comumente, os autores pagam para publicar – e o editor termina por se eximir da sua única obrigação (editar, mais uma vez). “O leitor que julgue”, dizem. Coitado do leitor: tem de arcar com quase todo o prejuízo sozinho.</p>
<p style="text-align: justify;"><img class="size-full wp-image-407 alignleft" style="border: 0px none currentColor;" title="Gutenberg_presse" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/Gutenberg_presse.jpg" alt="Gutenberg_presse" width="210" height="216" />Seguindo essa cadeia de premissas: o dono da livraria não pega para vender (porque sabe que não vende), então ninguém vê exposto, portanto ninguém compra; o jornalista não pega para ler (porque, quando tenta, estatisticamente, não consegue avançar), assim ninguém fica sabendo e, de novo, ninguém compra. Resultado: o autor estreante não alcança seus potenciais leitores; termina menos conhecido – e, com certeza, mais pobre – do que antes. Ah, eu sei: você pode ter uma idéia genial, que ninguém ainda teve; convencer, ao mesmo tempo, o editor, o livreiro, o divulgador e o leitor. E vai ser, óbvio, um sucesso estrondoso. Mas você se esqueceu? Você é um autor novo! Para todos os efeitos, ninguém vai olhar para a sua cara. Os editores estão cansados dos originais sem qualidade que recebem de desconhecidos todos os dias; os livreiros estão escaldados por ter de pagar a conta das pequenas editoras falidas; o resenhista não tem mais paciência para as primeiras páginas que não o convencem da leitura; e os leitores, por causa de tudo isso, não vão chegar a saber que você existe (você e seu livro).</p>
<p style="text-align: justify;">Qual a solução? Se matar? Não, ainda&#8230; Desde os anos 90, existe um negócio chamado internet (não sei se você sabe&#8230;). E desde os anos 2000, ou desde antes, existe um negócio chamado blog. O autor, qual seja, não precisa mais esperar por um editor, para ter seus escritos publicados. Nem precisa de alguém para distribuir, para divulgar. Só precisa ter leitores; ou seja, como qualquer escritor (publicado ou não), precisa ir conquistando leitores aos poucos. E esse é hoje o verdadeiro teste para dizer se um autor é bom ou não (se quiserem, publicável ou não): a audiência on-line. Na internet, no blog, ninguém está olhando para a embalagem que envolve seus escritos; ninguém está ligando para o local onde sua obra foi exposta. Se você for bom, você vai ter leitores, ponto. (Que é o que interessa, no final das contas.)</p>
<p style="text-align: justify;">Mais uma coisinha: os leitores da internet, os leitores de hoje, não estão acostumados a ler “contos”, “novelas”, “romances” (seja menos pretensioso&#8230;). Os internautas – o grosso do potencial público leitor – estão voltando a ler aos poucos. Então não me venha com contos que “experimentam” com a linguagem, nem com romances desestruturados e com centenas de páginas. Escreva para a internet; a internet é o grande laboratório hoje. E os feedbacks vêm na hora: você não tem de esperar o leitor se convencer a procurar o livro, comprar, ler inteiro, para, só assim, gostar ou não. É muito difícil, custa dinheiro e – vamos admitir – você é um autor novo: você ainda não é suficientemente importante para ele, leitor, a ponto de justificar todo esse dispêndio de energia e tempo. Seja franco: você compraria um livro de um autor desconhecido? E, se ganhasse de presente, você leria? Não tenha vergonha de admitir, eu também não faria nenhuma das duas coisas em princípio. Agora se me mandassem um link para um blog, – como você – eu leria. São muitos blogs, sim, mas eu tento ler. Agora, os livros&#8230;</p>
<p style="text-align: justify;">Conheço um blogueiro que é muito mais conhecido do que seus livros de títulos horríveis. E ele é um blogueiro tão bom – tão, assustadoramente, bom – que ninguém tem coragem de dizer para ele que os seus livros são ruins. Então ele insiste; e, de tempos em tempos, anuncia que vai largar esse negócio de blog, que ele não quer envelhecer blogando, que ele é, acima de tudo, um escritor (!). Evidentemente, não garanto que, se você for um blogueiro competente, você vá publicar, como quer, um livro em papel. Mas vai ficar mais perto do que as pessoas querem ler hoje; não vai ter de esperar anos, ou a vida inteira até, para constatar que seus livros são uma porcaria. Ambições literárias são saudáveis para quem escreve, mas publicar um livro não pode ser o único fim hoje. Publicar, como diz o clichê, é tornar público – e, nesse sentido, a internet vai muito mais longe do que o livro. Pense nisso.</p>
<p style="text-align: right;"><span style="color: #888888;">Julio Daio Borges</p>
<p>http://www.digestivocultural.com/</span></p>
<p style="text-align: justify;">
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/publicar-em-papel-pra-que/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
