<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="http://feeds.feedburner.com/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr="http://purl.org/syndication/thread/1.0" xml:lang="en" xml:base="http://www.brunomacaco.com.br/wp-atom.php">
	<title type="text">Bruno Macaco</title>
	<subtitle type="text">Front end engineer and designer</subtitle>

	<updated>2008-12-17T23:29:07Z</updated>
	<generator uri="http://wordpress.org/" version="2.7">WordPress</generator>

	<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br" />
	<id>http://www.brunomacaco.com.br/feed/atom</id>
	

			<link rel="self" href="http://feeds.feedburner.com/brunomacaco" type="application/atom+xml" /><entry>
		<author>
			<name>macaco</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Uma introdução a performance]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/uma-introducao-a-performance" />
		<id>http://www.brunomacaco.com.br/?p=99</id>
		<updated>2008-12-17T23:29:07Z</updated>
		<published>2008-12-12T19:19:53Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="performance" />		<summary type="html"><![CDATA[Um assunto muito discutido entre os feeds aqui na Fishy é a perfomance dos sites, principalmente aqueles que possuem muitos backgrounds e usam títulos que usam uma fonte que não é padrão do sistema. O Muqueca é um bom exemplo disso. Sempre analisamos como podemos otimizar o site para um carregamento mais rápido e eficiente, [...]]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/uma-introducao-a-performance"><![CDATA[<p>Um assunto muito discutido entre os feeds aqui na Fishy é a perfomance dos sites, principalmente aqueles que possuem muitos backgrounds e usam títulos que usam uma fonte que não é padrão do sistema. O Muqueca é um bom exemplo disso. Sempre analisamos como podemos otimizar o site para um carregamento mais rápido e eficiente, fazendo com que o usuário não espere muito tempo até que o site esteja apresentável.</p>
<p><span id="more-99"></span></p>
<h4>Mas o que vem a ser performance?</h4>
<p>Podemos dizer que é o tempo que a página que está sendo aberta, demora para ter todos os seus arquivos carregados. Dependendo da página isso pode levar alguns segundos, ou até minutos.</p>
<h4>E em que isso influencia?</h4>
<p>Olhando rapidamente, observamos apenas a demora para que aquela página seja carregada, mas ao aprofundarmos um pouco mais nessa questão, vemos que esse assunto vai mais além do que a espera do usuário. Basta pensar em sites como globo.com, yahoo.com, google.com e lembrar que eles têm milhões de acessos por dia. Olhando mais embaixo, concluímos que números de acesso acarretam em mais downloads dos mesmos arquivos, aumentando a banda que é consumida pelo site e com isso o dinheiro que é gasto para manter o site no ar.</p>
<p>Isso é apenas um dos pontos que uma boa performance pode resolver.</p>
<p>Se tudo der certo, próxima semana iremos começar a otimizar um site :]<br/> até lá</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/uma-introducao-a-performance#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/uma-introducao-a-performance/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
		<entry>
		<author>
			<name>macaco</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[iepngifx.htc]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/iepngifxhtc" />
		<id>http://www.brunomacaco.com.br/?p=84</id>
		<updated>2008-12-12T19:10:11Z</updated>
		<published>2008-12-11T19:15:45Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="front end" /><category scheme="http://www.brunomacaco.com.br" term="performance" />		<summary type="html"><![CDATA[Hoje falaremos um pouco sobre essa gambiarra que é utilizada quando precisamos usar uma imagem png em algum site para que ela apareça corretamente no IE6, já que ele não possui suporte para tal tipo de imagem.
Vamo nessa..
Mas o que é um arquivo .htc?
Trata-se de um arquivo que contém instruções em javascript que são interpretados [...]]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/iepngifxhtc"><![CDATA[<p>Hoje falaremos um pouco sobre essa gambiarra que é utilizada quando precisamos usar uma imagem png em algum site para que ela apareça corretamente no IE6, já que ele não possui suporte para tal tipo de imagem.<br />
Vamo nessa..</p>
<h3>Mas o que é um arquivo .htc?</h3>
<p>Trata-se de um arquivo que contém instruções em javascript que são interpretados apenas pelos IE&#8217;s. Nesse caso específico, tal arquivo torna possível o suporte a transprânciea de arquivos png de 24bits.<span id="more-84"></span> Mas usar tal arquivo requer um pouco de atenção, já que seu uso em grandes sites pode acarretar em uma sobrecarga no servidor. Ele é &#8216;ativado&#8217; através de uma chamada no css, como no exemplo abaixo:</p>
<p><code>div{behavior:url("iepngfix.htc");}</code></p>
<h3>E aí, o que faço para isso não acontecer?!?</h3>
<p>Simples, ao invés de setar que o comportamento htc para todas as divs e imagens, uma coisa realmente desnecessária, devemos setar apenas para as divs que realmente irão necessitar de tal gambiarra. Assim evitamos um processamento desnecessário já que nem todos os elementos da página utilizarão uma imagem png. Para otimizar o uso do .htc basta seguir o exemplo abaixo:</p>
<p><code>#all{behavior:url("iepngfix.htc");}</code></p>
<p>Utilizei essa gambiarra no site de Natal do <a title="Visitar o site do Plaza" href="http://www.plazacasaforte.com.br/natal">Plaza</a></p>
<p>Até a próxima o/</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/iepngifxhtc#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/iepngifxhtc/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
		<entry>
		<author>
			<name>macaco</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Plaza na Moda]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/plaza-na-moda" />
		<id>http://brunomacaco.com.br/?p=38</id>
		<updated>2008-12-11T18:48:54Z</updated>
		<published>2008-10-07T20:34:42Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="portfolio" /><category scheme="http://www.brunomacaco.com.br" term="css" /><category scheme="http://www.brunomacaco.com.br" term="fishy" /><category scheme="http://www.brunomacaco.com.br" term="html" />		<summary type="html"><![CDATA[
Visualizar o projeto
]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/plaza-na-moda"><![CDATA[<p><img src="http://www.brunomacaco.com.br/wp-content/uploads/2008/12/plazanamoda.jpg" alt="Plaza na Moda" title="Plaza na Moda" width="450" height="535" class="alignnone size-full wp-image-68" /><br />
<a rel="externo" href="http://www.plazacasaforte.com.br/moda">Visualizar o projeto</a><a></a></p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/plaza-na-moda#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/plaza-na-moda/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
		<entry>
		<author>
			<name>macaco</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[O que meu São João tem]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/o-que-meu-sao-joao-tem" />
		<id>http://brunomacaco.com.br/?p=10</id>
		<updated>2008-12-11T19:06:19Z</updated>
		<published>2008-06-06T12:27:39Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="portfolio" />		<summary type="html"><![CDATA[
Visitar o projeto
]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/o-que-meu-sao-joao-tem"><![CDATA[<p><img src="http://www.brunomacaco.com.br/wp-content/uploads/2008/12/brilux1.jpg" alt="O que meu São João tem" title="O que meu São João tem" class="alignnone size-full wp-image-82" /><br />
<a rel="externo" href="http://www.oquemeusaojoaotem.com.br">Visitar o projeto</a></p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/o-que-meu-sao-joao-tem#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/o-que-meu-sao-joao-tem/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
		<entry>
		<author>
			<name>macaco</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Qual é sua mania?]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/qual-e-sua-mania" />
		<id>http://brunomacaco.com.br/?p=9</id>
		<updated>2008-12-11T19:02:48Z</updated>
		<published>2008-05-30T14:56:57Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="portfolio" />		<summary type="html"><![CDATA[
Infelizmente o projeto está fora do ar
]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/qual-e-sua-mania"><![CDATA[<p><img src="http://www.brunomacaco.com.br/wp-content/uploads/2008/12/qualeasuamania.jpg" alt="Qual é a sua mania?" title="Qual é a sua mania?" /></p>
<p>Infelizmente o projeto está fora do ar</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/qual-e-sua-mania#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/qual-e-sua-mania/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
	</feed>
