<?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>Diego Oliveira Potapczuk&#187; CSS</title>
	<atom:link href="http://www.diegoliveira.com.br/blog/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diegoliveira.com.br/blog</link>
	<description></description>
	<lastBuildDate>Thu, 28 Jul 2011 02:12:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Testando seu site com diversos navegadores de uma maneira fácil</title>
		<link>http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/</link>
		<comments>http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 17:36:40 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Utilidades]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=518</guid>
		<description><![CDATA[Descobri recentemente por uma necessidade de um projeto uma forma de testar um site ou aplicação web em diversos navegadores de uma maneira bastante fácil. O segredo é utilizar uma ferramenta chamada spoon, que além dessa utilidade, possui diversas outras não discutidas aqui. Essa ferramenta permite utilizar os navegadores antigos como o Internet Explorer 6 [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/25/formatando-json/" rel="bookmark">Formatando JSON</a><!-- (10.1451)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (7.39762)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/09/pencil-uma-ferramenta-para-esboco-e-prototipo-de-telas/" rel="bookmark">Pencil, uma ferramenta para esboço e protótipo de telas</a><!-- (6.98837)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Descobri recentemente por uma necessidade de um projeto uma forma de testar um site ou aplicação web em diversos navegadores de uma maneira bastante fácil.</p>
<div id="attachment_519" class="wp-caption aligncenter" style="width: 188px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/09/Banner-Logo.png" rel="lightbox[518]"><img class="size-full wp-image-519" title="Spoon" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/09/Banner-Logo.png" alt="Spoon" width="178" height="57" /></a><p class="wp-caption-text">Spoon</p></div>
<p>O segredo é utilizar uma ferramenta chamada <strong>spoon</strong>, que além dessa utilidade, possui diversas outras não discutidas aqui. Essa ferramenta permite utilizar os navegadores antigos como o Internet Explorer 6 até novos navegadores como o Mozilla Firefox 4 e Google Chrome 6. Tudo isso de uma maneira nativa e sem a necessidade de instalar esses navegadores, a aplicação utilizando técnicas de máquina virtual permite criar sandbox para a execução temporária dessas ferramentas. Dessa forma ficando bastante fácil verificar se sua aplicação possui erros de acessibilidade em um determinado navegador ou problemas de CSS e Javascript.</p>
<p>Para saber mais acesse:<br />
<a href="http://spoon.net/browsers/" target="_blank">http://spoon.net/browsers/</a></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/25/formatando-json/" rel="bookmark">Formatando JSON</a><!-- (10.1451)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (7.39762)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/09/pencil-uma-ferramenta-para-esboco-e-prototipo-de-telas/" rel="bookmark">Pencil, uma ferramenta para esboço e protótipo de telas</a><!-- (6.98837)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chrome Developer Tools</title>
		<link>http://www.diegoliveira.com.br/blog/2009/11/20/google-chrome-developer-tools/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/11/20/google-chrome-developer-tools/#comments</comments>
		<pubDate>Fri, 20 Nov 2009 22:57:11 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=341</guid>
		<description><![CDATA[O navegador da Google, o Chrome, agora tem, de forma totalmente integrada, uma ferramenta para os desenvolvedores web no nível do FireBug do Firefox. A ferramenta é dividida em 4 módulos principais: Elements: Responsável por analisar todos os elementos da página, podendo visualizar e editar suas propriedade HTML e CSS. Resources: Responsável por visualizar de [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/14/google-page-speed-seu-otimizador-de-sites/" rel="bookmark">Google Page Speed, seu otimizador de sites</a><!-- (11.7177)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/18/google-wave-o-email-20/" rel="bookmark">Google Wave, o e-mail 2.0?</a><!-- (9.71569)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/" rel="bookmark">Testando seu site com diversos navegadores de uma maneira fácil</a><!-- (6.79997)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 322px"><img src="http://tools.google.com/chrome/intl/pt-BR/images/features_speed.gif" alt="Google Chrome" width="312" height="157" /><p class="wp-caption-text">Google Chrome</p></div>
<p>O navegador da Google, o Chrome, agora tem, de forma totalmente integrada, uma ferramenta para os desenvolvedores web no nível do FireBug do Firefox.</p>
<p>A ferramenta é dividida em 4 módulos principais:</p>
<ul>
<li>Elements: Responsável por analisar todos os elementos da página, podendo visualizar e editar suas propriedade HTML e CSS.</li>
<p><object width="480" height="295" data="http://www.youtube.com/v/7cqh7MGLgaM&amp;hl=pt_BR&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/7cqh7MGLgaM&amp;hl=pt_BR&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<li>Resources: Responsável por visualizar de forma bastante fácil o que é carregado na página e quanto cada elemento demora para ser carregado.</li>
<p><object width="480" height="295" data="http://www.youtube.com/v/Mhb4n0yGYT4&amp;hl=pt_BR&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Mhb4n0yGYT4&amp;hl=pt_BR&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<li>Scripts: Ferramenta para visualizar os scripts da página e também para fazer sua depuração.</li>
<p><object width="480" height="295" data="http://www.youtube.com/v/c_oiQYirKuY&amp;hl=pt_BR&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/c_oiQYirKuY&amp;hl=pt_BR&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
<li>Profile: Responsável por fazer o profile (tempo de execução) dos scripts que são executados na página, mostrando aqueles que deixam o site mais demorado para carregar.</li>
<p><object width="480" height="295" data="http://www.youtube.com/v/OxW1dCjOstE&amp;hl=pt_BR&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/OxW1dCjOstE&amp;hl=pt_BR&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></ul>
<p>Para maiores informações acesse:<br />
<a rel="nofollow" href="http://www.chromium.org/devtools" target="_blank">http://www.chromium.org/devtools</a></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/14/google-page-speed-seu-otimizador-de-sites/" rel="bookmark">Google Page Speed, seu otimizador de sites</a><!-- (11.7177)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/18/google-wave-o-email-20/" rel="bookmark">Google Wave, o e-mail 2.0?</a><!-- (9.71569)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/" rel="bookmark">Testando seu site com diversos navegadores de uma maneira fácil</a><!-- (6.79997)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/11/20/google-chrome-developer-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apresentação sobre CSS</title>
		<link>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 19:40:44 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Apresentação]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=139</guid>
		<description><![CDATA[Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele. Artigos relacionados Padrões WEB Projeto Indiana, Apresentação Melhorando a acessibilidade

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (13.5284)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/" rel="bookmark">Projeto Indiana, Apresentação</a><!-- (10.9928)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (6.34996)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele.</p>
<p><object width="555" height="453" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=css-090615231108-phpapp01&amp;rel=0&amp;stripped_title=css-1589261" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=css-090615231108-phpapp01&amp;rel=0&amp;stripped_title=css-1589261" /><param name="allowfullscreen" value="true" /></object></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (13.5284)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/" rel="bookmark">Projeto Indiana, Apresentação</a><!-- (10.9928)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (6.34996)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

