<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~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</subtitle>

	<updated>2009-10-19T21:41:13Z</updated>
	<generator uri="http://wordpress.org/" version="2.8.1">WordPress</generator>

	<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br" />
	<id>http://www.brunomacaco.com.br/feed/atom</id>
	

			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/brunomacaco" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="brunomacaco" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry>
		<author>
			<name>Bruno</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Google Chrome Frame turbina IE&#8217;s]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/google-chrome-frame-turbina-ies" />
		<id>http://www.brunomacaco.com.br/?p=315</id>
		<updated>2009-10-19T21:41:13Z</updated>
		<published>2009-09-25T21:40:42Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="performance" />		<summary type="html"><![CDATA[acredite se quiser além de substituir o motor de renderização dos IE&#8217;s pelo excelente webkit, o GCF (google chrome frame ) também dá um upgrade na execução de javascripts. basta dar uma olhada no gráfico abaixo

é, pelo visto a galera do google não tá de brincadeira :]
]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/google-chrome-frame-turbina-ies"><![CDATA[<p>acredite se quiser além de substituir o motor de renderização dos IE&#8217;s pelo excelente webkit, o GCF (google chrome frame ) também dá um upgrade na execução de javascripts. basta dar uma olhada no gráfico abaixo<br />
<img src="http://www.caju.nu/blog/wp-content/uploads/2009/09/24-09-2009-19-11-251.jpg" alt="Sunspider JavaScript Benchmark" title="Sunspider JavaScript Benchmark" width="500" height="236" class="aligncenter size-full wp-image-212" /></p>
<p>é, pelo visto a galera do google não tá de brincadeira :]</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/google-chrome-frame-turbina-ies#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/google-chrome-frame-turbina-ies/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
		<entry>
		<author>
			<name>Bruno</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[jQuery: customizando um select]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/jquery-customizando-um-select" />
		<id>http://www.brunomacaco.com.br/?p=313</id>
		<updated>2009-08-13T01:36:36Z</updated>
		<published>2009-08-13T01:36:36Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="dica" /><category scheme="http://www.brunomacaco.com.br" term="front-end" /><category scheme="http://www.brunomacaco.com.br" term="jquery" />		<summary type="html"><![CDATA[Todo mundo sabe que customizar um select é uma missão impossível, até que um cara criou uma solução muito fácil e interessante para resolver esse problema.
Para ver todo o desenvolvimento da solução basta acessar o post. Já o resultado final pode ser conferido aqui.
Depois dou umas dicas de como por uns efeitos legais :]
]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/jquery-customizando-um-select"><![CDATA[<p>Todo mundo sabe que customizar um select é uma missão impossível, até que um cara criou uma solução muito fácil e interessante para resolver esse problema.</p>
<p>Para ver todo o desenvolvimento da solução basta acessar o <a href="http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/">post</a>. Já o resultado final pode ser conferido <a href="http://mondaybynoon.com/examples/custom-select/step-3/">aqui</a>.</p>
<p>Depois dou umas dicas de como por uns efeitos legais :]</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/jquery-customizando-um-select#comments" thr:count="2" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/jquery-customizando-um-select/feed/atom" thr:count="2" />
		<thr:total>2</thr:total>
	</entry>
		<entry>
		<author>
			<name>Bruno</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[jQuery &#8211; Accordion]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/jquery-accordion" />
		<id>http://www.brunomacaco.com.br/?p=284</id>
		<updated>2009-07-03T00:44:02Z</updated>
		<published>2009-07-03T00:19:01Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="tutorial" /><category scheme="http://www.brunomacaco.com.br" term="accordion" /><category scheme="http://www.brunomacaco.com.br" term="jquery" />		<summary type="html"><![CDATA[Um belo dia precisei implementar um accordion em um site que estava desenvolvendo. Decidi que iria implement&#225;-lo por conta pr&#243;pria, sem passar pelas m&#227;os do programador.

Instintivamente pensei em fazer usando jQuery, por conta da velocidade e quantidade de coisas prontas. A demora foi s&#243; o google me fornecer uma resposta :]
Ap&#243;s avaliar as op&#231;&#245;es decidir [...]]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/jquery-accordion"><![CDATA[<p>Um belo dia precisei implementar um accordion em um site que estava desenvolvendo. Decidi que iria implement&aacute;-lo por conta pr&oacute;pria, sem passar pelas m&atilde;os do programador.</p>
<p><span id="more-284"></span></p>
<p>Instintivamente pensei em fazer usando jQuery, por conta da velocidade e quantidade de coisas prontas. A demora foi s&oacute; o google me fornecer uma resposta :]</p>
<p>Ap&oacute;s avaliar as op&ccedil;&otilde;es decidir usar a vers&atilde;o dispon&oacute;vel no <a href="http://docs.jquery.com/UI/Accordion" rel="external">site</a> do jQuery</p>
<p>A primeira coisa feita &eacute; atribuir a fun&ccedil;&atilde;o de clique aos h3 que sejam antecedido por um li filho de um elemento de classe accordion:</p>
<p><code>$('.accordion li h3').click(function()</code></p>
<p>Em seguida, esconde-se todos os elementos filhos do li que s&atilde;o precedidos pelo h3. Vale salientar que o m&eacute;todo next(); captura o elemento pr&oacute;ximo ao especificado, no nosso caso o h3. Logo, se existir mais de um elemento, ele n&atilde;o ser&aacute; ocultado.</p>
<p><code>$('.accordion li h3').next().hide('slow');</code></p>
<p>Nessa linha &eacute; informado que o pr&oacute;ximo elemento a a&ccedil;&atilde;o de exibir atrav&eacute;s do m&eacute;todo toggle():</p>
<p><code>$(this).next().toggle('slow');</code></p>
<p>Finalizando, essa instru&ccedil;&atilde;o faz com que o primeiro elemento antecedido pelo h3 seja escondido:</p>
<p><code>.next().hide()</code></p>
<p>O código final está abaixo:</p>
<p><code><br />
$(document).ready(function(){<br />
	&nbsp;&nbsp;function accordion(){<br />
		&nbsp;&nbsp;&nbsp;&nbsp;$('.accordion li h3').click(function() {<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.accordion li h3').next().hide('slow');<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).next().toggle('slow');<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;<br />
		&nbsp;&nbsp;&nbsp;&nbsp;}).next().hide()<br />
	&nbsp;&nbsp;}<br />
	&nbsp;&nbsp;function start(){<br />
		&nbsp;&nbsp;&nbsp;&nbsp;accordion();<br />
	&nbsp;&nbsp;}<br />
	&nbsp;&nbsp;start();<br />
});</code></p>
<p>Para conferir o exemplo funcionando, clica  <a href="http://www.brunomacaco.com.br/labs/accordion/exemplo-accordion.html">aqui</a></p>
<p><a href="http://www.brunomacaco.com.br/downloads/acorddion.zip">download do exemplo</a></p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/jquery-accordion#comments" thr:count="1" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/jquery-accordion/feed/atom" thr:count="1" />
		<thr:total>1</thr:total>
	</entry>
		<entry>
		<author>
			<name>Bruno</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Valeu Fishy]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/valeu-fishy" />
		<id>http://www.brunomacaco.com.br/?p=276</id>
		<updated>2009-06-05T03:33:44Z</updated>
		<published>2009-06-05T03:33:44Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="off-topic" /><category scheme="http://www.brunomacaco.com.br" term="fishy" />		<summary type="html"><![CDATA[Hoje, dia 05/06/2009, é meu último dia na Fishy. Após quase dois anos de convívio fecha-se meu ciclo como Front-end engineer por lá e esse post é um grande agradecimento&#8230; lá vamos nós 
Quando entrei na Fishy sabia muito pouco e meu portfolio não existia. Lembro muito bem de Abelardo ir até minha sala na [...]]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/valeu-fishy"><![CDATA[<p>Hoje, dia 05/06/2009, é meu último dia na <a href="http://www.fishy.com.br" title="Visite o site da Fishy">Fishy</a>. Após quase dois anos de convívio fecha-se meu ciclo como Front-end engineer por lá e esse post é um grande agradecimento&#8230; lá vamos nós <span id="more-276"></span></p>
<p>Quando entrei na Fishy sabia muito pouco e meu portfolio não existia. Lembro muito bem de <a href="http://www.caju.nu" title="Visite o site da Caju">Abelardo</a> ir até minha sala na faculdade e falar que tavam precisando de um front-end na Fishy. Mandei o CV e alguns dias depois estava sendo entrevistado por <a href="http://www.irvingsuna.com" title="Visite o site de Suna">Irving</a> e Ely Menezes, que veio logo dizendo &#8220;a vaga é pra desentupidor de privada&#8221;&#8230;. </p>
<p>O tempo passou um pouco e meu portfolio saiu do zero com o site do <a href="http://www.plazacasaforte.com.br" title="Visite o site do Plaza">Plaza</a> \o/  Comecei a aprender coisas novas junto com <a href="http://www.ricardomatoso.com" title="Visite o site do Ricardo">Ricardo</a> e Abelardo. <strong>Realmente aprendi muita coisa</strong>&#8230; Depois o tempo passou um pouco mais Chico entrou, Abelrado saiu e Suelen entrou&#8230; e fomos seguindo em frente.</p>
<p>Depois de quase dois anos, alguns quilos a mais e muitos cabelos a menos, estou dando adeus a essa galera tão foda, que foi a grande responsável por projetar-me no mercado e abrir as portas de uma <a href="http://www.ogilvy.com.br" title="saca aí">grande agência multinacional</a> Olho para trás e vejo que se não fosse por vocês eu não estaria onde estarei a partir de segunda.. só tenho a agradecer por tudo que vocês me deram =D</p>
<p>Realmente não tenho muitas palavras pra descrever o que sinto, mas sei que saio e deixo grandes amigos, mesmo que estes nem gostem do nosso clube das quartas-feiras =D</p>
<p>Por isso que eu brado aos quatro ventos&#8230; muito obrigado Fishy&#8230; Um obrigado maior ainda para Abelardo/Cacrinha, Ricardo/Anão, Ely/Nórdico/Gaulês,  Irving/Rei Mominho por terem confiado em mim e terem aberto as portas da casa prum cara que não sabia de pn =D</p>
<p>That&#8217;s all folks</p>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/valeu-fishy#comments" thr:count="4" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/valeu-fishy/feed/atom" thr:count="4" />
		<thr:total>4</thr:total>
	</entry>
		<entry>
		<author>
			<name>Bruno</name>
						<uri>http://www.brunomacaco.com.br</uri>
					</author>
		<title type="html"><![CDATA[Tech Presentations]]></title>
		<link rel="alternate" type="text/html" href="http://www.brunomacaco.com.br/tech-presentations" />
		<id>http://www.brunomacaco.com.br/?p=269</id>
		<updated>2009-05-15T18:41:16Z</updated>
		<published>2009-05-15T18:39:59Z</published>
		<category scheme="http://www.brunomacaco.com.br" term="dica" /><category scheme="http://www.brunomacaco.com.br" term="keynote" />		<summary type="html"><![CDATA[Estava lendo uma lista sobre performance, e cliquei no link de um usuário&#8230; fui navegando pelo site do cara e de repente me deparo com esse link
Comecei a navegar na Wiki e descobri uma verdadeira mina de ouro das apresentações técnicas. São diversos assuntos abordados, todo relacionados a TI. Nem precisa dizer que passei algumas [...]]]></summary>
		<content type="html" xml:base="http://www.brunomacaco.com.br/tech-presentations"><![CDATA[<p>Estava lendo uma lista sobre performance, e cliquei no link de um usuário&#8230; fui navegando pelo site do cara e de repente me deparo com esse <a href="http://www.techpresentations.org/Main_Page">link</a></p>
<p>Comecei a navegar na Wiki e descobri uma verdadeira mina de ouro das apresentações técnicas. São diversos assuntos abordados, todo relacionados a TI. Nem precisa dizer que passei algumas horas lendo/vendo algumas apresentações :] Tem muita coisa boa, a página do <a href="http://www.techpresentations.org/Steve_Souders">Steve Souders</a> por exemplo, é só escolher um tema e correr pro abraço.</p>
<p>Essa aí de baixo, fala sobre frameworks para trabalhar com javascript. E meio longa, possui 83 slides, mas vale, <strong>muito</strong>, a pena ler ela inteira.</p>
<p><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNDI*MTE5MzUyMTMmcHQ9MTI*MjQxMjI3NDA3MSZwPTEwMTkxJmQ9c3NfZW1iZWQmZz*yJnQ9Jm89NzBiOGM5NzhhZDg3NGQ4MWFlNjZjZGZiMGY2MDE2NWImb2Y9MA==.gif" />
<div style="width:425px;text-align:left" id="__ss_143885"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jeresig/javascript-library-overview?type=powerpoint" title="JavaScript Library Overview">JavaScript Library Overview</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=javascript-library-overview-1193202840830224-1&#038;stripped_title=javascript-library-overview" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=javascript-library-overview-1193202840830224-1&#038;stripped_title=javascript-library-overview" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/jeresig">jeresig</a>.</div>
</div>
]]></content>
		<link rel="replies" type="text/html" href="http://www.brunomacaco.com.br/tech-presentations#comments" thr:count="0" />
		<link rel="replies" type="application/atom+xml" href="http://www.brunomacaco.com.br/tech-presentations/feed/atom" thr:count="0" />
		<thr:total>0</thr:total>
	</entry>
	</feed>
