<?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/"
	>

<channel>
	<title>Fazedor de Site &#187; Design</title>
	<atom:link href="http://www.fazedordesite.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fazedordesite.com/blog</link>
	<description>Blog voltado a todos os fazedores de site, programadores, webdesigners, designers de interface, enfim, todos que contribuem pro crescimento da nossa profissao, teremos textos sobre Javascript principalmente, metodologias de desenvolvimento, usabilidade, acessabilidade e muito mais.</description>
	<pubDate>Mon, 05 Jan 2009 16:05:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mudança no visual</title>
		<link>http://www.fazedordesite.com/blog/2008/01/27/mudanca-no-visual/</link>
		<comments>http://www.fazedordesite.com/blog/2008/01/27/mudanca-no-visual/#comments</comments>
		<pubDate>Sun, 27 Jan 2008 21:47:23 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2008/01/27/mudanca-no-visual/</guid>
		<description><![CDATA[Estou mudando o layout do blog para reiniciar a escrever mais um pouco de leve pois o Yoomp esta tomando bastante do meu tempo, assim como meu trabalho oficial, to trabalhando mais de 12 horas por dia por isso a dificuldade em manter o blog atualizado constantemente, afinal um blog como esse cada post precisa [...]]]></description>
			<content:encoded><![CDATA[<p>Estou mudando o layout do blog para reiniciar a escrever mais um pouco de leve pois o <a href="http://www.yoomp.com" title="Yoomp  - Rede de blogs, blogueiros e simpatizantes">Yoomp </a>esta tomando bastante do meu tempo, assim como meu trabalho oficial, to trabalhando mais de 12 horas por dia por isso a dificuldade em manter o blog atualizado constantemente, afinal um blog como esse cada post precisa de tempo de pensar, desenvolver, testar antes de escrever&#8230; mas aguardem novidades para breve.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2008/01/27/mudanca-no-visual/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Gifs para Ajax</title>
		<link>http://www.fazedordesite.com/blog/2007/08/31/gifs-para-ajax/</link>
		<comments>http://www.fazedordesite.com/blog/2007/08/31/gifs-para-ajax/#comments</comments>
		<pubDate>Fri, 31 Aug 2007 12:33:31 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Ajax]]></category>

		<category><![CDATA[Desenvolvimento]]></category>

		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2007/08/31/gifs-para-ajax/</guid>
		<description><![CDATA[Bom uma sugestão rápida, normalmente quando montamos um site com Ajax, ou essa, carregando conteúdo de forma assíncrona, gostamos de deixar um GIF animado informando que o mesmo está sendo carregado.
Uma bola girando, uma barra que vai e volta, enfim, no Flash já fazia isso, e agora no Ajax.
A sugestão é este site:
ajaxload
Praticamente é um [...]]]></description>
			<content:encoded><![CDATA[<p>Bom uma sugestão rápida, normalmente quando montamos um site com Ajax, ou essa, carregando conteúdo de forma assíncrona, gostamos de deixar um GIF animado informando que o mesmo está sendo carregado.<br />
Uma bola girando, uma barra que vai e volta, enfim, no Flash já fazia isso, e agora no Ajax.</p>
<p>A sugestão é este site:</p>
<p><a href="http://www.ajaxload.info/">ajaxload</a></p>
<p>Praticamente é um gerador de gifs animados neste estilo que precisamos, em poucos segundos é possível personalizar e montar o seu gif.</p>
<p>Eu usei no script da Galeria de Fotos <img src='http://www.fazedordesite.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2007/08/31/gifs-para-ajax/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Globo.com - Novo site da Globo 2.0?</title>
		<link>http://www.fazedordesite.com/blog/2007/08/31/globocom-novo-site-da-globo-20/</link>
		<comments>http://www.fazedordesite.com/blog/2007/08/31/globocom-novo-site-da-globo-20/#comments</comments>
		<pubDate>Fri, 31 Aug 2007 12:24:34 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Avaliação]]></category>

		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2007/08/31/globocom-novo-site-da-globo-20/</guid>
		<description><![CDATA[O site da Globo  está de cara nova, sinceramente, eu quando abri ontem de manhã tive uma impressão ruim dele, pensei, caramba, deu pau no site da Globo, não esta carregando o CSS.
Depois em uma segunda olhada, mais perceptiva embora ainda sim rápida notei que tinham mudado o layout da capa do site.
Como disse [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.fazedordesite.com/blog/wp-content/uploads/2007/08/globo.jpg" title="globo" alt="globo" align="left" />O site da <a href="http://www.globo.com/" title="globo">Globo </a> está de cara nova, sinceramente, eu quando abri ontem de manhã tive uma impressão ruim dele, pensei, caramba, deu pau no site da Globo, não esta carregando o CSS.<br />
Depois em uma segunda olhada, mais perceptiva embora ainda sim rápida notei que tinham mudado o layout da capa do site.<br />
Como disse de inicio ocorreu uma negação da minha parte, achei que esta muito branco, muito clean, muito.. e pensei, poxa, mas isso é bom!<br />
Realmente olhando melhor e adaptado ao novo layout posso dizer que o objetivo deles de ter um layout mais simples, objetivo e eficiente foi atingido.</p>
<p>Porque 2.0? bom, simples, essa alteração foi efetuada baseada e focada no usuário, e mais agora temos no rodapé inclusive uma nuvem de tags, ainda a disposição, as cores, tudo nos leva a dita &#8220;web 2.0&#8243; que nada mais é do que o que toda forma de comércio pensa ou como deveria pensar, cliente satisfeito, é cliente que volta, no caso da internet, quem conseguir juntar muitos recursos em uma interface simples e fácil de acessar já esta meio caminho andado em direção ao sucesso.<br />
Tiraram a logo da Globo, e fizeram uma no estilo divertido que nos remete a web 2.0.</p>
<p>Sinceramente depois do susto, devo dizer que gostei do novo layout, muito mais intuitivo, muito mais humano, muito melhor.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2007/08/31/globocom-novo-site-da-globo-20/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ColorCop</title>
		<link>http://www.fazedordesite.com/blog/2007/07/09/colorcop/</link>
		<comments>http://www.fazedordesite.com/blog/2007/07/09/colorcop/#comments</comments>
		<pubDate>Mon, 09 Jul 2007 10:47:29 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Desenvolvimento]]></category>

		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2007/07/09/colorcop/</guid>
		<description><![CDATA[Quebrando um pouco os posts sobre extensões do Firefox, mas ainda continuando no ritmo de ferramentas úteis ao Fazedor de Site, vos indico o ColorCop.
Nada mais é que um pequeno programa que captura qualquer cor na tela, quem é webdesigner sabe a importância de uma ferramenta assim, afinal economiza ter que tirar printscreen de uma [...]]]></description>
			<content:encoded><![CDATA[<p>Quebrando um pouco os posts sobre extensões do Firefox, mas ainda continuando no ritmo de ferramentas úteis ao Fazedor de Site, vos indico o <a href="http://www.fazedordesite.com/blog/arquivos/ColorCop.zip" onclick="javascript:urchinTracker('/programas/colorcop');" title="ColorCop">ColorCop</a>.</p>
<p>Nada mais é que um pequeno programa que captura qualquer cor na tela, quem é webdesigner sabe a importância de uma ferramenta assim, afinal economiza ter que tirar printscreen de uma tela, colar no editor de imagem para poder pegar uma cor de um site que te agrada ou, ainda, para testar se a cor que estamos utilizando em determinado site, é realmente a proposta inicialmente.</p>
<p> <img src='http://www.fazedordesite.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Por hora é isso ai.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2007/07/09/colorcop/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Analytics - O Problema</title>
		<link>http://www.fazedordesite.com/blog/2007/06/19/analytics-o-problema/</link>
		<comments>http://www.fazedordesite.com/blog/2007/06/19/analytics-o-problema/#comments</comments>
		<pubDate>Tue, 19 Jun 2007 09:11:47 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Acessibilidade]]></category>

		<category><![CDATA[Avaliação]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[Novidades]]></category>

		<category><![CDATA[Usabilidade]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2007/06/19/analytics-o-problema/</guid>
		<description><![CDATA[O prazo dado pela Google para os usuários do Analytics migrarem para nova interface é 18 de julho de 2007.
E o fato é, a nova interface ainda tem problemas.
Vários usuários relatam erros ao gerenciar as datas usando os mais diversos navegadores e sistemas operacionais, logo, não é um problema isolado.
Eu pessoalmente nunca tive esse problema, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.fazedordesite.com/blog/wp-content/uploads/2007/06/analytics.thumbnail.JPG" alt="Nova interface - Google Analytics" align="left" hspace="5" vspace="5" />O prazo dado pela Google para os usuários do Analytics migrarem para nova interface é 18 de julho de 2007.<br />
E o fato é, a nova interface ainda tem problemas.<br />
Vários usuários relatam erros ao gerenciar as datas usando os mais diversos navegadores e sistemas operacionais, logo, não é um problema isolado.<br />
Eu pessoalmente nunca tive esse problema, mas para alguém que está sempre perdido em centenas de feeds é fácil perceber o burburinho que se forma, com alguns mais radicais inclusive anunciando abandonar definitivamente o sistema da Google.<br />
A parte dos problemas ainda vem a interface, esta atual que ainda permanece no ar por mais 1 mês é absurdamente simples de usar, boa parte das pessoas que permito acesso ao sistema não necessita de grandes explicações para usa-lo, com esta nova interface não posso dizer o mesmo, os poucos que já tiverem contato com ela literalmente se perderam.<br />
O serviço é bom, a Google é competente, porém essa mudança com certeza está lhe causando muitas dores de cabeça, muito mais do que ela poderia imaginar, por sorte tem &#8220;ainda&#8221; 1 mês para resolver esses problemas que assombram sua ferramenta.<br />
Quanto ao layout da interface&#8230; o jeito é me acostumar.</p>
<p>Alguém mais por aí descontente? &gt;:/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2007/06/19/analytics-o-problema/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Comparando PNG, GIF, JPEG</title>
		<link>http://www.fazedordesite.com/blog/2007/06/15/comparando-png-gif-jpeg/</link>
		<comments>http://www.fazedordesite.com/blog/2007/06/15/comparando-png-gif-jpeg/#comments</comments>
		<pubDate>Fri, 15 Jun 2007 15:22:12 +0000</pubDate>
		<dc:creator>Rodrigo Fante</dc:creator>
		
		<category><![CDATA[Avaliação]]></category>

		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.fazedordesite.com/blog/2007/06/15/comparando-png-gif-jpeg/</guid>
		<description><![CDATA[Me lembro de um trabalho que tive que fazer na faculdade quando estudávamos alguma coisa de web, na epoca não tão na moda como hoje.
O trabalho consistia em pesquisar e elaborar um comparativo sobre os arquivos de imagens disponíveis na época, citar prós e os contras, aquele era um trabalho completo e detalhado, pena ter [...]]]></description>
			<content:encoded><![CDATA[<p>Me lembro de um trabalho que tive que fazer na faculdade quando estudávamos alguma coisa de web, na epoca não tão na moda como hoje.</p>
<p>O trabalho consistia em pesquisar e elaborar um comparativo sobre os arquivos de imagens disponíveis na época, citar prós e os contras, aquele era um trabalho completo e detalhado, pena ter perdido o arquivo, mesmo assim, vou dar aqui uma pincelada sobre esses formatos de arquivo pois muita gente os usa e nem sabe como funcionam.</p>
<p>Antes de iniciar todos devem saber que todos os 3 são formato de compressão, com perda de dados, aplicado em imagens, interpretáveis por todos navegadores modernos(IE 6 não exibe o canal alpha do PNG), de acordo com o tipo de compressão a imagem pode conter transparência, mais ou menos cores, aceitar canal alpha, e claro, quanto maior o suporte a essas variáveis e a qualidade com que salvamos, maior será o arquivo.<br />
São esses arquivos compactados que permitem reduzir o tamanho de uma imagem de 2mb para 50k e a evolução da web ao que é hoje, imaginem esperar carregar um bmp de 2mb antes de abrir um site, e se este site tivesse mais de uma imagem? Agora imagine isso 10 anos atras com modem de 28.800bps.</p>
<p>Mas afinal o que significam as palavras JPG, GIF e PNG?  São siglas, que significam:</p>
<ul>
<li>PNG: Portable Network Graphics;</li>
<li>JPEG: Joint Photographic Experts Group;</li>
<li>GIF: Graphics Interchange Format.</li>
</ul>
<p>Falando então um pouco sobre cada um:</p>
<p><strong>JPEG</strong><br />
Desenvolvido por Eric Hamilton, engenheiro da C-Cube Microsystems, este formato suporte trabalhar com esquema de cores de até 24 bits, ou seja, 16,8 milhões de cores.<br />
O JPEG aceita diferentes níveis de compressão, quanto maior a compressão menor a fidelidade com a imagem original, ou seja, perde-se em qualidade, porém o arquivo resultante é substancialmente menor, cabe ao &#8220;Fazedor de Site&#8221; definir qual a qualidade adequada ao seu site, eu aconselharia no photoshop definirem a qualidade entre 60 a 90.<br />
Lembrem-se, que uma desvantagem do JPEG é que a imagem normalmente perde qualidade a cada vez que o arquivo é salvo.</p>
<p>Os arquivos em JPEG aceitam as extensões  .jpeg , .jfif , .jpe e .jpg, para internet é normalmente utilizada a extensão .jpg.<br />
E por fim, este formato não possui suporte a transparência.</p>
<p><strong>GIF</strong><br />
Foi criado pela empresa CompuServe, em 1987, suporta um máximo de 256 cores, das 3 deste comparativo é a que possui menor qualidade.<br />
O GIF utiliza um formato de compressão que não altera a qualidade da imagem a cada salvamento, como ocorre com o JPEG, e por ter uma qualidade inferior, os arquivos GIF normalmente possuem tamanho bastante reduzido, o que estimulou muito seu utilizo na internet.</p>
<p>Outro fator que contribuiu para popularização do GIF é a possibilidade deste de criar pequenas animações.<br />
O GIF apesar do suporte a transparência não suporta transparência em níveis diferentes, os chamados canais alpha.</p>
<p><strong>PNG</strong><br />
Criado em 1996 motivado pela possível cobrança de royalties por parte da Unisys detentora dos direitos do formato GIF.<br />
O PNG tinha como objetivo ser um GIF melhorado e de fato é, pois como o JPEG possui suporte a 24bits ou 16,8 milhões de cores, porém com um algoritmo de compressão mais eficiente, e que não proporciona perda de qualidade a cada vez que é salvo o arquivo.<br />
Ainda, o PNG como o GIF possui suporte a transparência, mais ainda, em diversos níveis, com suporte ao canal alpha e ainda a entrelaçamento.</p>
<p>Devidamente apresentados os formatos você deve estar se perguntando, o PNG com todas essas qualidade, existe desde 1996, como ainda não dominou o mundo?</p>
<p>Reposta simples.</p>
<p>Internet Explorer.</p>
<p>O bendito browser da Microsoft não trabalha corretamente com PNG, como sempre foi o navegador mais utilizado, isso evitou a popularização do PNG. Existem códigos que simulam o canal alpha que o IE6 não consegue interpretar no PNG, porém nenhum garante o resultado 100% e muitos são complicados de implementar.</p>
<p>O Internet Explorer a partir da versão 7 oferece suporte ao PNG corretamente, porém, até que o mesmo substitua devidamente o seu antecessor, ou outro navegador o faça, como Firefox por exemplo, devemos nos contentar com a perda de qualidade do GIF para transparência, ou com códigos que tentem quebrar a deficiência deste navegador.</p>
<p>O JPEG é um formato interessante e bastante recomendado para exibir fotografias, por permitir controlar melhor a qualidade final desejada, mas pouco indicado para <font size="-1">composição de layouts por não ter suporte a transparência </font>.</p>
<p>GIF em um futuro,  que espero que seja próximo, deve se aposentar, visto que atualmente mesmo as animaçõezinhas que o mesmo faz, são feitas de forma mais eficiente no Flash.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fazedordesite.com/blog/2007/06/15/comparando-png-gif-jpeg/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.446 seconds -->
