<?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>bittersweet dev &#187; HTML</title>
	<atom:link href="http://blog.hboaventura.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hboaventura.com</link>
	<description>Henrique Boaventura</description>
	<lastBuildDate>Fri, 09 Dec 2011 17:01:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS3: propriedade box-shadow</title>
		<link>http://blog.hboaventura.com/css3-propriedade-box-shadow/</link>
		<comments>http://blog.hboaventura.com/css3-propriedade-box-shadow/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 16:04:51 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.hboaventura.com/?p=198</guid>
		<description><![CDATA[<p><img class="size-medium wp-image-147 alignleft" title="CSS" src="http://blog.hboaventura.com/wp-content/uploads/2009/07/css-300x184.jpg" alt="CSS" width="216" height="132" />Continuando o assunto CSS3 e as maravilhas que ele nos trará, hoje apresentarei a propriedade <a href="http://www.w3.org/TR/css3-background/#the-box-shadow" target="_blank">box-shadow</a>. Com esta propriedade podemos aplicar sombras em elementos utilizando somente CSS. Assim como o <a href="http://blog.hboaventura.com/css3-propriedade-text-shadow/" target="_blank">text-shadow</a>, essa propriedade veio trazer um pouco de alívio para webdevelopers e webdesigners. Onde antes eram necessárias imagens, definições de backgrounds, <a href="http://desciclo.pedia.ws/wiki/POG" target="_blank">POG&#8217;s</a> e outras práticas não menos nocivas, agora há possibilidade de definição direto no seu CSS. Não é uma maravilha esse pessoal da <a href="http://www.w3.org/" target="_blank">W3C</a>?... <a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel="nofollow"><br/> Continue lendo</a></p>Leia também: CSS3: propriedade text-shadow Otimize seu site usando CSS Sprite<br/><br/>
<strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-text-shadow/' rel='bookmark' title='CSS3: propriedade text-shadow'>CSS3: propriedade text-shadow</a></li>
<li><a href='http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/' rel='bookmark' title='Otimize seu site usando CSS Sprite'>Otimize seu site usando CSS Sprite</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-147 alignleft" title="CSS" src="http://blog.hboaventura.com/wp-content/uploads/2009/07/css-300x184.jpg" alt="CSS" width="216" height="132" />Continuando o assunto CSS3 e as maravilhas que ele nos trará, hoje apresentarei a propriedade <a href="http://www.w3.org/TR/css3-background/#the-box-shadow" target="_blank">box-shadow</a>. Com esta propriedade podemos aplicar sombras em elementos utilizando somente CSS. Assim como o <a href="http://blog.hboaventura.com/css3-propriedade-text-shadow/" target="_blank">text-shadow</a>, essa propriedade veio trazer um pouco de alívio para webdevelopers e webdesigners. Onde antes eram necessárias imagens, definições de backgrounds, <a href="http://desciclo.pedia.ws/wiki/POG" target="_blank">POG&#8217;s</a> e outras práticas não menos nocivas, agora há possibilidade de definição direto no seu CSS. Não é uma maravilha esse pessoal da <a href="http://www.w3.org/" target="_blank">W3C</a>?... <a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-text-shadow/' rel='bookmark' title='CSS3: propriedade text-shadow'>CSS3: propriedade text-shadow</a></li>
<li><a href='http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/' rel='bookmark' title='Otimize seu site usando CSS Sprite'>Otimize seu site usando CSS Sprite</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/css3-propriedade-box-shadow/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSS3: propriedade text-shadow</title>
		<link>http://blog.hboaventura.com/css3-propriedade-text-shadow/</link>
		<comments>http://blog.hboaventura.com/css3-propriedade-text-shadow/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 01:17:59 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.hboaventura.com/?p=142</guid>
		<description><![CDATA[<p><img class="alignleft size-medium wp-image-147" title="CSS" src="http://blog.hboaventura.com/wp-content/uploads/2009/07/css-300x184.jpg" alt="CSS" width="216" height="132" />... <a href='http://blog.hboaventura.com/css3-propriedade-text-shadow/' rel="nofollow"><br/> Continue lendo</a></p>Leia também: CSS3: propriedade box-shadow<br/><br/>
<strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel='bookmark' title='CSS3: propriedade box-shadow'>CSS3: propriedade box-shadow</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-147" title="CSS" src="http://blog.hboaventura.com/wp-content/uploads/2009/07/css-300x184.jpg" alt="CSS" width="216" height="132" />... <a href='http://blog.hboaventura.com/css3-propriedade-text-shadow/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel='bookmark' title='CSS3: propriedade box-shadow'>CSS3: propriedade box-shadow</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/css3-propriedade-text-shadow/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Usando o SWFObject para adicionar Flash ao seu projeto</title>
		<link>http://blog.hboaventura.com/usando-o-swfobject-para-adicionar-flash-ao-seu-projeto/</link>
		<comments>http://blog.hboaventura.com/usando-o-swfobject-para-adicionar-flash-ao-seu-projeto/#comments</comments>
		<pubDate>Wed, 27 May 2009 11:14:37 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.hboaventura.com/?p=107</guid>
		<description><![CDATA[<p><img class="alignleft size-medium wp-image-118" title="swfobject_logo" src="http://blog.hboaventura.com/wp-content/uploads/2009/05/swfobject_logo-300x76.gif" alt="swfobject_logo" width="240" height="61" />... <a href='http://blog.hboaventura.com/usando-o-swfobject-para-adicionar-flash-ao-seu-projeto/' rel="nofollow"><br/> Continue lendo</a></p>Sem Posts Relacionados.<br/><br/>
<strong>Sem Posts Relacionados.</strong>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-118" title="swfobject_logo" src="http://blog.hboaventura.com/wp-content/uploads/2009/05/swfobject_logo-300x76.gif" alt="swfobject_logo" width="240" height="61" />... <a href='http://blog.hboaventura.com/usando-o-swfobject-para-adicionar-flash-ao-seu-projeto/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>Sem Posts Relacionados.</strong></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/usando-o-swfobject-para-adicionar-flash-ao-seu-projeto/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>CSS Hacks ou CSS Condicional? A partir de agora, nenhum!</title>
		<link>http://blog.hboaventura.com/css-hacks-ou-css-condicional-apartir-de-agora-nenhum/</link>
		<comments>http://blog.hboaventura.com/css-hacks-ou-css-condicional-apartir-de-agora-nenhum/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 03:03:15 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.hboaventura.com/?p=77</guid>
		<description><![CDATA[<p>Como todo o desenvolvedor Web, sofro diariamente com as dores de cabe&ccedil;a causadas pelos browsers que n&atilde;o seguem os padr&otilde;es (ok, Internet Explorer). &Eacute; um tal de margem duplicada pra c&aacute;, texto misteriosos que se replicam em final de blocos, uma maravilha!... <a href='http://blog.hboaventura.com/css-hacks-ou-css-condicional-apartir-de-agora-nenhum/' rel="nofollow"><br/> Continue lendo</a></p>Sem Posts Relacionados.<br/><br/>
<strong>Sem Posts Relacionados.</strong>]]></description>
			<content:encoded><![CDATA[<p>Como todo o desenvolvedor Web, sofro diariamente com as dores de cabe&ccedil;a causadas pelos browsers que n&atilde;o seguem os padr&otilde;es (ok, Internet Explorer). &Eacute; um tal de margem duplicada pra c&aacute;, texto misteriosos que se replicam em final de blocos, uma maravilha!... <a href='http://blog.hboaventura.com/css-hacks-ou-css-condicional-apartir-de-agora-nenhum/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>Sem Posts Relacionados.</strong></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/css-hacks-ou-css-condicional-apartir-de-agora-nenhum/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>[Tradução] 10 coisas legais que poderemos fazer quando o IE6 estiver morto. E algumas que não poderemos</title>
		<link>http://blog.hboaventura.com/traducao-10-coisas-legais-que-poderemos-fazer-quando-o-ie6-estiver-morto-e-algumas-que-nao-poderemos/</link>
		<comments>http://blog.hboaventura.com/traducao-10-coisas-legais-que-poderemos-fazer-quando-o-ie6-estiver-morto-e-algumas-que-nao-poderemos/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 17:02:41 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://blog.hboaventura.com/?p=64</guid>
		<description><![CDATA[<p id="post-6610"><img class="alignleft size-full wp-image-67" title="wanted-dead" src="http://blog.hboaventura.com/wp-content/uploads/2009/04/wanted-dead.jpg" alt="wanted-dead" width="200" height="200" />Segue a tradução do artigo <em>10 <a href="http://ajaxian.com/archives/10-cool-things-we%E2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant" target="_blank">Cool Things We’ll Be Able To Do Once IE6 Is Dead; And A Few We Can’t</a> </em>do site <a href="http://ajaxian.com/" target="_blank">Ajaxian</a>. Vale a pena conferir o que estamos perdendo quando desenvolvemos pensando em IE6.... <a href='http://blog.hboaventura.com/traducao-10-coisas-legais-que-poderemos-fazer-quando-o-ie6-estiver-morto-e-algumas-que-nao-poderemos/' rel="nofollow"><br/> Continue lendo</a></p>Sem Posts Relacionados.<br/><br/>
<strong>Sem Posts Relacionados.</strong>]]></description>
			<content:encoded><![CDATA[<p id="post-6610"><img class="alignleft size-full wp-image-67" title="wanted-dead" src="http://blog.hboaventura.com/wp-content/uploads/2009/04/wanted-dead.jpg" alt="wanted-dead" width="200" height="200" />Segue a tradução do artigo <em>10 <a href="http://ajaxian.com/archives/10-cool-things-we%E2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant" target="_blank">Cool Things We’ll Be Able To Do Once IE6 Is Dead; And A Few We Can’t</a> </em>do site <a href="http://ajaxian.com/" target="_blank">Ajaxian</a>. Vale a pena conferir o que estamos perdendo quando desenvolvemos pensando em IE6.... <a href='http://blog.hboaventura.com/traducao-10-coisas-legais-que-poderemos-fazer-quando-o-ie6-estiver-morto-e-algumas-que-nao-poderemos/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>Sem Posts Relacionados.</strong></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/traducao-10-coisas-legais-que-poderemos-fazer-quando-o-ie6-estiver-morto-e-algumas-que-nao-poderemos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Otimize seu site usando CSS Sprite</title>
		<link>http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/</link>
		<comments>http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 02:35:37 +0000</pubDate>
		<dc:creator>Henrique Boaventura</dc:creator>
				<category><![CDATA[Sem categoria]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Sprite]]></category>

		<guid isPermaLink="false">http://hboaventura.com/blog/?p=31</guid>
		<description><![CDATA[<h3>O que é um Sprite?</h3>
<p><a title="Link para a wikipedia" href="http://en.wikipedia.org/wiki/Sprite_(computer_graphics)" target="_blank">Sprite</a> é uma técnica utilizada originalmente em jogos 2-D  que tem por principio colocar todas as ações de um personagem (movimentos) em uma só imagem, e só mudar a posição que deve ser mostrada na tela. Quando foi criada essa técnica, o hardware era muito limitado, por isso havia a necessidade de otimizar os gráficos para não sobrecarregar o processador.... <a href='http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/' rel="nofollow"><br/> Continue lendo</a></p>Leia também: CSS3: propriedade box-shadow<br/><br/>
<strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel='bookmark' title='CSS3: propriedade box-shadow'>CSS3: propriedade box-shadow</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>O que é um Sprite?</h3>
<p><a title="Link para a wikipedia" href="http://en.wikipedia.org/wiki/Sprite_(computer_graphics)" target="_blank">Sprite</a> é uma técnica utilizada originalmente em jogos 2-D  que tem por principio colocar todas as ações de um personagem (movimentos) em uma só imagem, e só mudar a posição que deve ser mostrada na tela. Quando foi criada essa técnica, o hardware era muito limitado, por isso havia a necessidade de otimizar os gráficos para não sobrecarregar o processador.... <a href='http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/' rel="nofollow"><br/> Continue lendo</a></p><br/><br/><p><strong>  Leia também:</strong><ol>
<li><a href='http://blog.hboaventura.com/css3-propriedade-box-shadow/' rel='bookmark' title='CSS3: propriedade box-shadow'>CSS3: propriedade box-shadow</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.hboaventura.com/otimize-seu-site-usando-css-sprites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

