<?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; Ferramentas</title>
	<atom:link href="http://webtopia.com.br/blog/tag/ferramentas/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtopia.com.br/blog</link>
	<description></description>
	<lastBuildDate>Tue, 10 Jan 2012 15:53:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<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>web.topia</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Marketing]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=647</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/marketing/" title="Marketing">Marketing</a></p>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>1</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>web.topia</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[<p>Posted in <a href="http://webtopia.com.br/blog/category/design/" title="Design">Design</a></p>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>web.topia</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Design2]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=534</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/design/" title="Design">Design</a></p><div class="Photo"><img src="http://webtopia.com.br/blog/wp-content/uploads/2011/03/cores.jpg" height="200" width="436" alt=""></div>
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></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>web.topia</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[<p>Posted in <a href="http://webtopia.com.br/blog/category/developer/" title="Developer">Developer</a><a href="http://webtopia.com.br/blog/category/dica/" title="Dica">Dica</a></p>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 [...]]]></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>Google Buzz se espelha no FriendFeed para transformar Gmail em rede social</title>
		<link>http://webtopia.com.br/blog/google-buzz-se-espelha-no-friendfeed-para-transformar-gmail-em-rede-social/</link>
		<comments>http://webtopia.com.br/blog/google-buzz-se-espelha-no-friendfeed-para-transformar-gmail-em-rede-social/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 03:39:29 +0000</pubDate>
		<dc:creator>web.topia</dc:creator>
				<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=411</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/noticias/" title="Notícias">Notícias</a></p>Disponível no Gmail, Google Buzz permite publicação, agregação e interação por meio de conteúdos de seus contatos e rivaliza com Facebook. O Google anunciou nesta terça-feira (9/2) o Buzz, nova ferramenta integrada ao Gmail que aos usuários agregarem, publicarem e comentarem conteúdos dentro da interface do seu serviço de e-mails.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Disponível no Gmail, Google Buzz permite publicação, agregação e interação por meio de conteúdos de seus contatos e rivaliza com Facebook.</strong></p>
<p><object width="494" height="300"><param name="movie" value="http://www.youtube.com/v/yi50KlsCBio&#038;hl=pt_BR&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yi50KlsCBio&#038;hl=pt_BR&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="494" height="300"></embed></object></p>
<p style="text-align: justify;">O Google anunciou nesta terça-feira (9/2) o Buzz, nova ferramenta integrada ao Gmail que aos usuários agregarem, publicarem e comentarem conteúdos dentro da interface do seu serviço de e-mails. A integração do Google Buzz com o Gmail aproveitará e-mails e mensagens trocadas no Google Talk para adicionar automaticamente perfis da rede de contatos do usuário. Por meio do novo serviço, será possível publicar novos conteúdos e consolidar serviços como Flickr, Picasa Web, Google Reader, YouTube, Blogger, Twitter e feeds.</p>
<p style="text-align: justify;">Visualmente, a interface do Buzz lembra a do FriendFeed, serviço social de agregamento comprado pelo Facebook em agosto de 2009.</p>
<p style="text-align: justify;">
<p style="text-align: center;"><img class="aligncenter" style="border: 0px none currentColor;" title="image" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/image.jpeg" alt="image" width="462" height="707" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;">A semelhança está também na capacidade do usuário poder comentar ou &#8220;gostar&#8221; dos conteúdos publicados, conceito introduzido pelo FriendFeed e aplicado pelo Facebook na linha de atualizações.</p>
<p style="text-align: justify;">A interação entre usuários por meio de comentários será mostrada em tempo real para o usuário. Será possível responder diretamente contatos por meio da função Reply. Por meio dela, é possível referenciar um usuário pelo uso da arroba, em função introduzida no Twitter e seguida pelo Facebook, o que faz com que o Gmail mostre a mensagem na caixa de entrada do contato.</p>
<p style="text-align: justify;">A transição para o Buzz começa nesta terça e deverá estar concluída nos próximos dias, segundo o vice-presidente de gerenciamento de produtos do Google, Bradley Horowitz.</p>
<p style="text-align: justify;">
<p><BR></p>
<h2>Integração com celulares</h2>
<p style="text-align: justify;">O Google Buzz também terá integração com plataformas móveis, se beneficiando de ferramentas de geolocalização.</p>
<p style="text-align: justify;">Ao acessar a página móvel do Google no iPhone ou em celulares com Android, um botão do Buzz indicará a localização geográfica do usuário, segundo demonstração feita pelo vice-presidente de engenharia, Vic Gundotra.</p>
<p style="text-align: justify;">A partir do GPS do aparelho, o Buzz indica o estabelecimento onde o usuário está, acrescentando a informação em atualizações feitas pelo celular.</p>
<p style="text-align: justify;">É possível também acompanhar as atualizações na tela do aparelho, filtrando conteúdos publicados por contatos que estão próximos fisicamente de você.</p>
<p style="text-align: justify;">Por fim, o Google Maps for Mobile foi atualizado com uma nova camada que mostra no mapa da cidade balões brancos que representam atualizações feitas por usuários do Buzz.</p>
<p style="text-align: justify;">Opiniões e conteúdos, como vídeos e fotos, sobre um mesmo lugar serão condensada em novas Profiles Pages.</p>
<p style="text-align: justify;">
<p><BR></p>
<h2>Integração com Wave e versão corporativa</h2>
<p style="text-align: justify;">Horowitz afirmou que o Buzz, além de ser acessado por meio do Gmail, também será integrado com o Wave, outra solução de comunicação online do Google, anunciado em maio de 2009.</p>
<p style="text-align: justify;">O buscador prevê também oferecer versões corporativas do Buzz, de forma que sejam aproveitadas como ferramentas de trabalho.</p>
<p style="text-align: justify;">&#8220;Dentro de poucos meses, planejamos tornar o Google Buzz disponível para negócios e escolas usando o Google Apps, com funções extras como compartilhamento dentro da sua organização&#8221;, afirma o anúncio no Official Google Enterprise Blog.</p>
<p style="text-align: justify;">O executivo, porém, não detalhou nem como será a integração entre Buzz e Wave nem prazos e planos para sua versão corporativa.</p>
<p style="text-align: justify;">
<p><BR></p>
<p style="text-align: justify;"><span style="color: #888888;">http://idgnow.uo</span><span style="color: #888888;">l.com.br/i</span><em><span style="color: #888888;">nternet/2010/02/09/google-segue-friendfeed-e-facebook-e-adiciona-funcoes-sociais-ao-gmail-com-buzz/</span> </em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/google-buzz-se-espelha-no-friendfeed-para-transformar-gmail-em-rede-social/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fluxo de caixa online grátis</title>
		<link>http://webtopia.com.br/blog/fluxo-de-caixa-online-gratis/</link>
		<comments>http://webtopia.com.br/blog/fluxo-de-caixa-online-gratis/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 12:09:06 +0000</pubDate>
		<dc:creator>web.topia</dc:creator>
				<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=355</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/tumblog/video/">Video</a></p><p></p>Sistema para controle financeiro totalmente online. As informações ficam cadastradas diretamente no site. Protegido por senha, e somente o usuário cadastrado pode ter acesso às informações. Possibilidade de criação de vários relatórios e gráficos utilizando filtros. Posui diversos recursos como cálculo da CPMF automático para despesas; envio de e-mail com aviso de contas a pagar e a receber; exporta os dados para Microsoft Excel; etc. ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="size-full wp-image-358 alignleft" title="fluxo_demo3" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/fluxo_demo3.gif" border="0" alt="fluxo_demo3" width="105" height="105" /> Sistema para controle financeiro totalmente online. As informações ficam cadastradas diretamente no site. Protegido por senha, e somente o usuário cadastrado pode ter acesso às informações. Possibilidade de criação de vários relatórios e gráficos utilizando filtros. Possui diversos recursos como cálculo da CPMF automático para despesas; envio de e-mail com aviso de contas a pagar e a receber; exporta os dados para Microsoft Excel; etc.</p>
<p><BR><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" 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/jZa4zgG41LM&amp;hl=pt_BR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/jZa4zgG41LM&amp;hl=pt_BR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object><BR></p>
<p style="text-align: right;">http://www.debit.com.br/</p>
<p><BR></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/fluxo-de-caixa-online-gratis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cinto de utilidades para Webdesigners</title>
		<link>http://webtopia.com.br/blog/cinto-de-utilidades-para-webdesigners/</link>
		<comments>http://webtopia.com.br/blog/cinto-de-utilidades-para-webdesigners/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 17:17:13 +0000</pubDate>
		<dc:creator>web.topia</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=180</guid>
		<description><![CDATA[<p>Posted in <a href="http://webtopia.com.br/blog/category/developer/" title="Developer">Developer</a></p>Apresentamos 27 ferramentas de desenvolvimento extremamente útil, templates, geradores, e sugestões de segurança, esperando que você se inspirou para utilizar estas ferramentas úteis para tornar sua vida mais fácil.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify">O desenvolvimento web consome tempo e é bastante desafiador. Existem muitas maneiras de ajudar a combater esse desafio, aplicações úteis de segurança para análise de tráfego, bem como CSS &#8211; conceitos que nos dê um código limpo, condensado e o tempo de carregamento mais rápido, reduzindo o tempo e os esforços de assistência designers e desenvolvedores com melhorias fundamentais para fluxos de trabalho.</p>
<p style="text-align: justify">Abaixo, apresentamos 30 ferramentas de desenvolvimento extremamente útil, templates, geradores, e sugestões de segurança, esperando que você se inspirou para utilizar estas ferramentas úteis para tornar sua vida mais fácil.</p>
<p><BR><br />
<h2>1. CSS e Ferramentas de Desenvolvimento</h2>
<p>
<a title="Scaffold" href="http://wiki.github.com/anthonyshort/csscaffold" target="_blank">Scaffold</a></p>
<p style="text-align: justify;">CSScaffold CSS é um framework escrito em PHP. Ao invés de tentar criar um quadro estático, que utiliza as capacidades padrão de CSS, como Blueprint, ele usa o PHP para estender CSS. A sintaxe olha e se sente exatamente como CSS, exceto que você tem alguns novos, habilidades poderosas.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-181" title="scaffold" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/scaffold.gif" alt="scaffold" width="464" height="355" /></p>
<p></p>
<p style="text-align: justify;"><a title="Compass" href="http://wiki.github.com/chriseppstein/compass" target="_blank">Compass</a></p>
<p style="text-align: justify;">Compass é uma ferramenta de criação de estilo que usa a linguagem de estilo Sass para fazer o seu estilo menor e seu Web site mais fácil de manter.</p>
<p style="text-align: center"><img class="aligncenter" title="compass" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/compass.gif" alt="compass" width="471" height="126" /></p>
<p></p>
<p style="text-align: justify;"><a title="Css_doc" href="http://github.com/imedo/css_doc" target="_blank">css_doc</a></p>
<p style="text-align: justify;">css_doc Ruby é uma biblioteca e uma ferramenta de linha de comando para extrair documentação de arquivos CSS. O formato da documentação é muito semelhante ao JavaDoc.</p>
<p style="text-align: justify;"><a title="csshttprequest" href="http://nb.io/hacks/csshttprequest" target="_blank">CSSHttpRequest</a></p>
<p style="text-align: justify;">Como JavaScript inclui, isto funciona porque o CSS não está sujeita à política de mesma origem que afeta XMLHttpRequest. Funções CSSHttpRequest à semelhança JSONP, e está limitada a solicitações GET. Ao contrário JSONP, não confiáveis de terceiros JavaScript não pode executar no contexto da página de chamada.</p>
<p><a title="css sandbox" href="http://aurelio.net/css-sandbox/" target="_blank">CSS Sandbox</a></p>
<p style="text-align: justify;">Diga adeus à tentativa e erro, mas dizer Olá a uma ferramenta e um brinquedo para testar CSS em tempo real. É uma alternativa simples e rápida de recarregar uma página e ver os últimos ajustes para o seu código. Role o mouse sobre o botão de código ea formatação para o código CSS necessário estará pronto para o seu site.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-183" title="css_sandbox" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/css_sandbox.gif" alt="css_sandbox" width="471" height="142" /><br />
<a title="CodeBurner" href="http://tools.sitepoint.com/codeburner/" target="_blank">CodeBurner</a></p>
<p style="text-align: justify;">Esta é uma ferramenta útil para desenvolvedores da Web para verificar as propriedades CSS ou elementos HTML. Após a instalação, você pode executar uma busca ou clicar em um item na página para ver as informações de compatibilidade do navegador, sintaxe e exemplos de código. Ele fornece uma referência rápida disponível no seu navegador.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-184" title="codeburner" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/codeburner.gif" alt="codeburner" width="450" height="322" /> <br /><a title="Validator sac" href="http://habilis.net/validator-sac/" target="_blank">Markup Validator SAC</a></p>
<p style="text-align: justify;">Esta versão stand-alone de HTML do W3C / XHTML Markup Validator não requer instalação. Basta colocar o Validator onde você precisa, como um flash drive, CD ou disco rígido. É possível validar os arquivos locais, sites, ou ser configurado como um serviço Web para permitir que os usuários para validar através da rede local. Basta arrastar e soltar arquivos e URLs para o ícone do aplicativo, ou usar o comando Arquivo&gt; Abrir.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-186" title="validator" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/validator.gif" alt="validator" width="450" height="274" /></p>
<p></p>
<p style="text-align: justify;"><a title="Code run" href="http://www.coderun.com/" target="_blank">CodeRun</a></p>
<p style="text-align: justify;">Ferramenta útil que nos permite fazer upload de pesquisa e projetos de código executável, modificar ou criar um código com coloração conclusão, depuração de código cliente / servidor, bem como publicar links código. Para a nuvem, podemos implantar com um clique, gerir os recursos de nuvens, e as versões completa com SVN. Ele suporta várias línguas.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-187" title="coderun" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/coderun.gif" alt="coderun" width="450" height="148" /></p>
<p></p>
<p style="text-align: justify;"><a title="Google code" href="http://code.google.com/apis/ajax/playground/" target="_blank">Google Code Playground</a></p>
<p style="text-align: justify;">Ferramentas de desenvolvimento online script vamos implementar ricos, sites dinâmicos em menos tempo. Com este parque AJAX API, podemos experimentar com novas funções como o JavaScript ou mapas, ou mesmo baixar feeds. Então, essas funções podem ser exportados, totalmente pronto para implementar. Novas ferramentas de continuar a ser adicionados, por isso este é um bom lugar para se revisitar a linguagem, blogger, gráficos e outros códigos de visualização.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-188" title="googleplayground" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/googleplayground.gif" alt="googleplayground" width="483" height="294" /></p>
<p style="text-align: justify;"><a title="Boks" href="http://toki-woki.net/p/Boks/" target="_blank">Boks</a></p>
<p style="text-align: justify;">Boks é um aplicativo AIR, o que significa que funciona em Windows, Mac e Linux. Ele fornece uma interface de usuário para Blueprint quadro CSS e pode lidar com grade e configuração do ritmo de base, antes de exportar grid.png e comprimido CSS.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-189" title="bok" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/bok.gif" alt="bok" width="306" height="366" /></p>
<p style="text-align: justify;"><a title="Bluefish" href="http://bluefish.openoffice.nl/" target="_blank">Bluefish</a></p>
<p style="text-align: justify;">Este editor Open Source é voltada para programadores e web designers e funcionará na maioria dos sistemas operacionais, incluindo Linux, FreeBSD, MacOS X, OpenBSD e Solaris. Bluefish centra-se na edição de sites dinâmicos e interativos e os scripts, e suporta muitos programação e linguagens de marcação. Não será neste momento executado no Windows, mas um nativo Bluefish 1.0.7 binário.<br />
<img class="aligncenter size-full wp-image-191" title="bluefish" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/bluefish.gif" alt="bluefish" width="425" height="386" /></p>
<p style="text-align: justify;"><a title="FireCrystal" href="http://www.ajaxrain.com/script?sId=6543" target="_blank">FireCrystal</a></p>
<p style="text-align: justify;">FireCrystal é uma extensão do Firefox para ajudar os programadores e designers descobrir como comportamentos interativos na web funcionam. Ele permite aos usuários &#8220;rewind&#8221; suas interações com as páginas da web ao mesmo tempo mostrando o código correspondente. No entanto, é atualmente uma versão alfa e podem sofrer de tempos de carregamento longos ou falhar em Javascript intensivo páginas.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-192" title="firecrystal" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/firecrystal.jpg" alt="firecrystal" width="450" height="285" /></p>
<p></p>
<p style="text-align: justify;"><a title="Adobe BrowserLab" href="http://labs.adobe.com/technologies/browserlab/" target="_blank">Adobe BrowserLab</a></p>
<p style="text-align: justify;">Esta ferramenta está disponível como um trecho da música, assim que os profissionais da web deve experimentá-lo, enquanto podem. Adobe BrowserLab fornece web designers com uma cópia exata de suas páginas em vários navegadores e sistemas operacionais. É uma solução para testes de compatibilidade cross-browser e pode ser personalizado com suas preferências, além de ser um serviço online que pode ser acessado a partir de praticamente qualquer computador conectado à web.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-193" title="adobebrowser" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/adobebrowser.jpg" alt="adobebrowser" width="500" height="302" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;"><a title="Checkmycolours" href="http://www.checkmycolours.com/" target="_blank">checkmycolors </a></p>
<p style="text-align: justify;">Esta ferramenta é para verificar novos e combinações de cor de fundo de todos os elementos do DOM para determinar se eles fornecem um contraste suficiente quando visualizados por alguém que tenha défices de cor. Você digita um endereço web e checkmycolors retorna resultados de teste com base em algoritmos sugeridos pela W3C.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-194" title="checkcolor2" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/checkcolor2.jpg" alt="checkcolor2" width="450" height="263" /></p>
<p style="text-align: justify;">
<p><BR><br />
<h2>2. Tipografia</h2>
<p></p>
<p style="text-align: justify;"><a title="Typography Keyboard" href="http://www.smashingmagazine.com/2009/04/02/typography-keyboard-layout-download-now/" target="_blank">Typography Keyboard Layout</a></p>
<p style="text-align: justify;">Uma ferramenta simples, mas útil, que permite que você digite os caracteres que são geralmente não disponível em um teclado com facilidade. Esta coisa é um layout de teclado normal, só que com a tecla Alt no Mac ou a tecla Alt Gr no Windows que permite que você digite todas estas personagens perfeitamente agradável. O layout também suporta vários tipos de sinais diacríticos, assim você pode digitar palavras como ingênuos ou café e se divertir.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-196" title="keyboard" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/keyboard.gif" alt="keyboard" width="471" height="337" /></p>
<p></p>
<p style="text-align: justify;"><a title="Typedia" href="http://typedia.com/" target="_blank">Typedia</a></p>
<p style="text-align: justify;">Enciclopédia compartilhada de fontes, com recursos para classificar, categorizar e ligar fontes.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-197" title="typedia" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/typedia.gif" alt="typedia" width="471" height="331" /></p>
<p></p>
<p style="text-align: justify;"><a title="Fontbook" href="http://www.myfontbook.com/app/" target="_blank">FontBook</a></p>
<p style="text-align: justify;">Esta web telespectador com fonte permite que você olhar para todas as fontes com seu texto amostra através da incorporação de fontes HTML5. Você pode visualizar as métricas, glifos ou o corpo do texto fonte. Suporte em breve deverá estar disponível para a marcação, classificação e favoriting.</p>
<h2><img class="aligncenter size-full wp-image-198" title="fontbook" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/fontbook.gif" alt="fontbook" width="420" height="412" /></h2>
<p><BR><br />
<h2>3. Ferramentas de Referência</h2>
<p>
<a title="Regex Widget" href="http://www.apple.com/downloads/dashboard/developer/regexwidget.html" target="_blank">Regex Widget </a><br />
Este widget interactivo é útil para testar JavaScript, Sed, Ruby, Perl ou expressões. A interface de usuário é simples, maiúsculas e minúsculas, tem interruptor global, e corresponder ver índice de matriz para codificadores para implementar testes de forma fácil e eficaz.</p>
<p><img class="aligncenter size-full wp-image-199" title="RegexWidget" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/RegexWidget.gif" alt="RegexWidget" width="382" height="251" /></p>
<p style="text-align: justify;">
<p></p>
<p style="text-align: justify;"><a title="HTML Entity Character" href="http://leftlogic.com/lounge/articles/entity-lookup/" target="_blank">HTML Entity Character Lookup</a></p>
<p style="text-align: justify;">Utilizando entidades de HTML é o caminho certo para garantir todos os personagens em sua página são validados. No entanto, muitas vezes, encontrar o código de entidade de direito requer a digitalização através de 250 linhas de caracteres. Essa pesquisa permite-lhe encontrar rapidamente a entidade com base na sua aparência, por exemplo, como um &lt;ou a letra C.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-201" title="lookup" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/lookup.gif" alt="lookup" width="430" height="363" /><br /> <a title="Phpquickreference" href="http://www.emeraldion.it/software/widgets/phpquickreference.html" target="_blank">PHPQuickReference</a> (Mac Dashboard Widget)</p>
<p style="text-align: justify;">PHPQuickReference lhe dá o direito de referência útil PHP no Dashboard. Pesquisa com autocompletar e sugestões e copiar e colar o código de exemplo para seu projeto. Você pode achar mais útil Mac Dashboard Widgets para web designers e desenvolvedores <a href="http://speckyboy.com/2009/08/05/30-mac-dashboard-widgets-for-web-designers-and-developers/" target="_blank">aqui</a> e <a href="http://www.engadget.com/2007/07/07/enwidget-ten-useful-apple-dashboard-widgets/" target="_blank">aqui</a>.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-202" title="php" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/php.jpg" alt="php" width="350" height="290" /></p>
<p><BR><br />
<h2>4. Edição de imagem e Otimização</h2>
<p></p>
<p style="text-align: justify;"><a title="Punypng" href="http://www.gracepointafterfive.com/punypng" target="_blank">punypng</a></p>
<p style="text-align: justify;">Punypng é uma ferramenta gratuita que reduz drasticamente os tempos de carregamento da página, reduzindo o tamanho do arquivo de uma imagem sem qualquer perda de qualidade.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-204" title="punypng" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/punypng.gif" alt="punypng" width="479" height="370" /></p>
<p style="text-align: justify;"><a title="Smush it" href="http://developer.yahoo.com/yslow/smushit/" target="_blank">Smush.it</a></p>
<p style="text-align: justify;">Smush.it é uma ferramenta de otimização de edição de imagem que leva a maioria dos tipos de formatos de imagem e converte para PNGs menores sem mudar sua aparência ou qualidade visual. Ele irá fornecer dados sobre quantos bytes seriam salvos por meio da otimização, bem como produzir um arquivo zip para download com os arquivos de imagem minimizada.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-205" title="smushit" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/smushit.gif" alt="smushit" width="258" height="294" /><br />
<a title="png8" href="http://blog.themeforest.net/tutorials/image-types-and-usage-in-web-design/" target="_blank">PNG8</a></p>
<p style="text-align: justify;">Most of us use Photoshop, but Fireworks allows us to use an alpha transparency with PNG8 for a smaller file size while maintaining edges that blend smoothly and look great. Select the number of colors needed or setup a color matte and save a PNG8 image with alpha transparency. In the Optimize pallet, select PNG8 format with alpha transparency selected, and then click “Rebuild” in the lower right corner. Smaller file sizes equal faster page loads and this works the best for logos, shadows and gradients to be fully optimized.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-206" title="png8" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/png8.gif" alt="png8" width="200" height="270" /></p>
<p style="text-align: justify;"><a title="Finetuna" href="http://www.finetuna.com/" target="_blank">Finetuna</a></p>
<p style="text-align: justify;">Finetuna editor de imagens pode ser usado para divertimento ou para locais mais grave. Você pode fazer upload de uma imagem ou uma escolha de uma página web, antes de adicionar rapidamente os seus comentários para qualquer imagem. A única coisa que resta a fazer é compartilhar.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-207" title="finetuna" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/finetuna.gif" alt="finetuna" width="450" height="312" /></p>
<p></p>
<p style="text-align: justify;"><a title="iConvert" href="http://iconverticons.com/" target="_blank">iConvert</a></p>
<p style="text-align: justify;">Esta ferramenta faz a conversão de imagens para ícones rápido e simples. É um processo um passo para a criação de ícones para Windows, Mac e Linux.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-208" title="iconvert" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/iconvert.gif" alt="iconvert" width="450" height="255" /></p>
<p style="text-align: justify;">
<p><BR><br />
<h2>5. Freelancing</h2>
<p></p>
<p style="text-align: justify;"><a title="Astuteo" href="http://estimator.astuteo.com/" target="_blank">Astuteo</a></p>
<p style="text-align: justify;">Web designers e desenvolvedores de sites podem utilizar esta ferramenta simples para estimar o tempo rapidamente e materiais necessários para um projeto da proposta. Digite o título do projeto e sua taxa horária padrão, em seguida, ajustar o seu horário antecipado para gerar sua estimativa total do projeto. Os resultados podem ser impressos ou salvos em um PDF.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-210" title="astuteo" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/astuteo.gif" alt="astuteo" width="500" height="273" /></p>
<p style="text-align: justify;"><a title="redmark" href="http://www.redmark.com/" target="_blank">redmark</a></p>
<p style="text-align: justify;">Redmark é uma ferramenta útil para os designers e os seus clientes para se comunicar visualmente em três passos simples. Carregue o seu design, e-mail automaticamente para os clientes que podem fazer comentários, fazer revisões e repetir, automaticamente, antes de publicação.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-211" title="redmark" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/redmark.gif" alt="redmark" width="500" height="375" /></p>
<p style="text-align: justify;">
<p><BR><br />
<h2>6. Melhorar o fluxo de trabalho</h2>
<p>
<a title="web form factory" href="http://www.webformfactory.com/" target="_blank">Web Form Factory</a></p>
<p>Web Form Factory é uma fonte aberta gerador de formulários Web que gera automaticamente o código necessário backend para amarrar o seu formulário para uma base de dados.</p>
<p><img class="aligncenter size-full wp-image-216" title="factory" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/factory.gif" alt="factory" width="471" height="346" /><br />
<br />
<a title="printliminator" href="http://css-tricks.com/examples/ThePrintliminator/" target="_blank">Printliminator</a></p>
<p>O Printliminator é um bookmarklet com algumas ferramentas simples que você pode usar para websites de impressão faz melhor. Um clique para activar e, em seguida, clique para remover elementos da página, remover gráficos, e aplicar um estilo de impressão melhor.</p>
<p><img class="aligncenter size-full wp-image-215" title="printl" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/printl.gif" alt="printl" width="471" height="334" /><br />
<br />
<a title="Split browser" href="https://addons.mozilla.org/en-US/firefox/addon/4287" target="_blank">Split Browser</a></p>
<p>Multitarefa é obrigatória. Dependendo da memória RAM e tamanho da tela, essa ferramenta permite que o navegador FireFox para ser dividida infinitamente. A janela de configuração pode ser dividido em colunas ou no entanto, é necessário comparar várias páginas da Web. Escolha o &#8220;Split Browser para&#8221; menu e, em seguida, arrastar e soltar links, bookmarks, calendários, agendas ou guias nas janelas divididas.</p>
<p><img class="aligncenter size-full wp-image-214" title="splitbrowser" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/splitbrowser.gif" alt="splitbrowser" width="450" height="350" /><br />
<br />
<a title="Liberkey" href="http://www.liberkey.com/en/" target="_blank">LiberKey</a></p>
<p>LiberKey  é o &#8220;canivete suíço&#8221; equivalente a 250 programas de softwares que oferecem locais e / ou utilização portátil. Os melhores programas Open Source ou Freeware foram selecionados para atender às necessidades mais práticas, mantendo 100% de portabilidade.</p>
<p><img class="aligncenter size-full wp-image-213" title="liberkey" src="http://webtopia.com.br/blog/wp-content/uploads/2009/11/liberkey.gif" alt="liberkey" width="450" height="328" /></p>
<p style="text-align: justify;">
<p style="text-align: right"><em><span style="color: #888888;">Fonte: http://www.noupe.com/design/fresh-web-development-goodies-bag.html</span></em></p>
<p style="text-align: justify;">
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/cinto-de-utilidades-para-webdesigners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
