<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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>Comentários sobre: Dicas para otimizar seu CSS</title>
	<atom:link href="http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/</link>
	<description>Web Designer e Programador de Interfaces</description>
	<lastBuildDate>Thu, 02 Sep 2010 19:53:00 -0700</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>Por: Oggy</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-101</link>
		<dc:creator>Oggy</dc:creator>
		<pubDate>Wed, 09 Dec 2009 07:04:20 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-101</guid>
		<description>Outra dica boa é o site www.otimizarcss.com. Formata e otimiza seu CSS. =)</description>
		<content:encoded><![CDATA[<p>Outra dica boa é o site <a href="http://www.otimizarcss.com" rel="nofollow">http://www.otimizarcss.com</a>. Formata e otimiza seu CSS. =)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: rafael vergani</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-93</link>
		<dc:creator>rafael vergani</dc:creator>
		<pubDate>Fri, 25 Sep 2009 14:23:00 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-93</guid>
		<description>Otimizar CSS deixando tudo em uma linha não é uma prática que eu admiro, pois dificulta a manutenção.</description>
		<content:encoded><![CDATA[<p>Otimizar CSS deixando tudo em uma linha não é uma prática que eu admiro, pois dificulta a manutenção.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Ferramentas para compactar/otimizar CSS</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-72</link>
		<dc:creator>Ferramentas para compactar/otimizar CSS</dc:creator>
		<pubDate>Sat, 11 Apr 2009 20:19:10 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-72</guid>
		<description>[...] preferir pode seguir a dica do Leonardo Caineli e fazer a otimização [...]</description>
		<content:encoded><![CDATA[<p>[...] preferir pode seguir a dica do Leonardo Caineli e fazer a otimização [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Willie Oliveira</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-36</link>
		<dc:creator>Willie Oliveira</dc:creator>
		<pubDate>Tue, 11 Nov 2008 13:44:07 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-36</guid>
		<description>A primeira coisa que procuramos em um arquivo CSS são os seletores, o método &quot;condensado&quot; que o Leonardo sugere tem sua vantagem por oferecer uma leitura/localização ágil dos mesmos.

A leitura vertical (humana) de seletores é muito rápida quando na forma condensada, mas assim que for localizado o passo seguinte é a leitura das propriedades que por sua vez inverte a direção da leitura para horizontal trazendo certa impaciência.

Os contrários ao estilo compactado alegam que a questão da legibilidade será fator relevante no repasse de código a outro desenvolvedor, no entanto, esta questão pode ser simplesmente resolvida de forma análoga ao Javascript, nunca vi alguém reclamar de códigos distribuídos em dois formatos (ex: jquery-1.2.6.min.js e jquery-1.2.6.js). Isto poderia até ser uma convenção do projeto a ser desenvolvido em uma equipe ou para uma empresa em particular eliminando o &quot;problema&quot;.

A MINHA OPINIÃO, é que através das experiências que tive o modo condensado traz benefícios nítidos quando um seletor trabalha com um número não muito grande de propriedades. Ou seja, se modularizarmos o CSS de forma inteligente, dificilmente haverá dificuldade de leitura.

Parabéns Leonardo, a Web merece ser discutida, avaliada e uma opinião pessoal não pode ser confundida como uma verdade universal.</description>
		<content:encoded><![CDATA[<p>A primeira coisa que procuramos em um arquivo CSS são os seletores, o método &#8220;condensado&#8221; que o Leonardo sugere tem sua vantagem por oferecer uma leitura/localização ágil dos mesmos.</p>
<p>A leitura vertical (humana) de seletores é muito rápida quando na forma condensada, mas assim que for localizado o passo seguinte é a leitura das propriedades que por sua vez inverte a direção da leitura para horizontal trazendo certa impaciência.</p>
<p>Os contrários ao estilo compactado alegam que a questão da legibilidade será fator relevante no repasse de código a outro desenvolvedor, no entanto, esta questão pode ser simplesmente resolvida de forma análoga ao Javascript, nunca vi alguém reclamar de códigos distribuídos em dois formatos (ex: jquery-1.2.6.min.js e jquery-1.2.6.js). Isto poderia até ser uma convenção do projeto a ser desenvolvido em uma equipe ou para uma empresa em particular eliminando o &#8220;problema&#8221;.</p>
<p>A MINHA OPINIÃO, é que através das experiências que tive o modo condensado traz benefícios nítidos quando um seletor trabalha com um número não muito grande de propriedades. Ou seja, se modularizarmos o CSS de forma inteligente, dificilmente haverá dificuldade de leitura.</p>
<p>Parabéns Leonardo, a Web merece ser discutida, avaliada e uma opinião pessoal não pode ser confundida como uma verdade universal.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Rodrigo Fante</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-34</link>
		<dc:creator>Rodrigo Fante</dc:creator>
		<pubDate>Tue, 11 Nov 2008 12:10:51 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-34</guid>
		<description>Concordo com você e discordo da última postagem do site Tableless. Isso ajuda muito na visualização sim e também ajuda caso o user não faça cache do CSS (site com visitantes não fiéis). Onde trampo aqui em Londres só fazemos assim, é o &quot;padrão&quot; fora do Brasil de se trabalhar.</description>
		<content:encoded><![CDATA[<p>Concordo com você e discordo da última postagem do site Tableless. Isso ajuda muito na visualização sim e também ajuda caso o user não faça cache do CSS (site com visitantes não fiéis). Onde trampo aqui em Londres só fazemos assim, é o &#8220;padrão&#8221; fora do Brasil de se trabalhar.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Leonardo DNA</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-32</link>
		<dc:creator>Leonardo DNA</dc:creator>
		<pubDate>Mon, 10 Nov 2008 21:07:21 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-32</guid>
		<description>Caramba, o assunto aqui tá bombando... =P

Me pergunto se a galera que fala de legibilidade do código já programou alguma vez em um monitor widescreen (não um 22&quot; que substitui dois monitores, mas abrir o seu modesto notebook com resolução de 1440x800) e tentou editar algum CSS. Em CSS expandidos, dá pra ver uns 5 itens no máximo, enquanto em uma linha só dá pra ver fácil uns 20 itens, é mais fácil procurar algo na própria tela, ou ficar rolando a mesma?

E claro, acima de tudo, quando se trata de equipes de programação, esses detalhes devem ser escolhidos pelos usuários. A equipe escolhe o que achar melhor pra eles como um todo e manda ver, fim do problema. =]</description>
		<content:encoded><![CDATA[<p>Caramba, o assunto aqui tá bombando&#8230; =P</p>
<p>Me pergunto se a galera que fala de legibilidade do código já programou alguma vez em um monitor widescreen (não um 22&#8243; que substitui dois monitores, mas abrir o seu modesto notebook com resolução de 1440&#215;800) e tentou editar algum CSS. Em CSS expandidos, dá pra ver uns 5 itens no máximo, enquanto em uma linha só dá pra ver fácil uns 20 itens, é mais fácil procurar algo na própria tela, ou ficar rolando a mesma?</p>
<p>E claro, acima de tudo, quando se trata de equipes de programação, esses detalhes devem ser escolhidos pelos usuários. A equipe escolhe o que achar melhor pra eles como um todo e manda ver, fim do problema. =]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Guilherme Nagüeva</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-31</link>
		<dc:creator>Guilherme Nagüeva</dc:creator>
		<pubDate>Mon, 10 Nov 2008 20:56:20 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-31</guid>
		<description>Eu gosto e compartilho da mesma opnião que você. E defendo a escrita de todos os atributos em uma só linha não apenas pela economia de banda, mas também por ser mais fácil de visualizar informações.

Escrevendo em apenas uma linha você analisa muito mais código em menos espaço. Isso ajuda quando você trabalha com grandes projetos, tem um código muito grande e precisa encontrar bugs, por exemplo. Escrevendo o código dessa forma, apesar de ser difícil de se acostumar, você consegue analisá-lo de maneira mais rápida, é apenas uma questão de costume.

A primeira vista é complicado, mas depois facilita, e muito, a vida de quem lida diariamente com CSS.</description>
		<content:encoded><![CDATA[<p>Eu gosto e compartilho da mesma opnião que você. E defendo a escrita de todos os atributos em uma só linha não apenas pela economia de banda, mas também por ser mais fácil de visualizar informações.</p>
<p>Escrevendo em apenas uma linha você analisa muito mais código em menos espaço. Isso ajuda quando você trabalha com grandes projetos, tem um código muito grande e precisa encontrar bugs, por exemplo. Escrevendo o código dessa forma, apesar de ser difícil de se acostumar, você consegue analisá-lo de maneira mais rápida, é apenas uma questão de costume.</p>
<p>A primeira vista é complicado, mas depois facilita, e muito, a vida de quem lida diariamente com CSS.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Leonardo Caineli</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-30</link>
		<dc:creator>Leonardo Caineli</dc:creator>
		<pubDate>Mon, 10 Nov 2008 20:14:22 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-30</guid>
		<description>Pessoal, não sei se o meu comentário vai ser liberado no tableless.com.br (até agora não foi), enfim, vou comentar aqui também, segue abaixo:

Opiniões divididas é um ótimo sinal de que aquele post não está com a razão. A internet avança rápido demais, se não nos acostumarmos com novos padrões ficaremos estagnados no mercado. Acredito que todos aqui querem trabalhar (ou já trabalharam) em grandes projetos, e esta é a realidade hoje: páginas rápidas = economia de banda = retorno de R$ para as empresas. Para os que ainda têm dúvidas, seguem alguns CSS´s que a maioria de vocês deve acessar:

&lt;strong&gt;globo.com.br:&lt;/strong&gt;
http://www.globo.com/Portal/cda/estilo_css_cda/0,,6637-0-1795980775,00.css

&lt;strong&gt;uol.com.br (CSS embedded):&lt;/strong&gt;
http://www.uol.com.br/

&lt;strong&gt;ig.com.br:&lt;/strong&gt;
http://images.ig.com.br/homeigv25/home_v081106a.css

&lt;strong&gt;terra.com.br (6 requests):&lt;/strong&gt;
http://www.terra.com.br/capa/css/estrutura_olimp_26.css
http://www.terra.com.br/capa/css/moduloComunidades2.css
http://www.terra.com.br/capa/css/css_videos_olimp_26.css
http://www.terra.com.br/capa/css/css_noticias_olimp_26.css
http://www.terra.com.br/capa/css/css_abinhas_olimp_26.css
http://www.terra.com.br/capa/css/css_olimp_26.css

Para fechar, faço questão de postar a url do CSS do meu blog para comprovar que otimização e organização podem sim andar de mãos dadas:
http://leonardocaineli.com.br/wp-content/themes/leonardocaineli/style.css

Longe de mim ditar como cada um de vocês deve programar, mas o mínimo que posso fazer é comprovar o que postei mostrando claramente a realidade de hoje. Fico muito feliz que a grande maioria pensa e/ou adota as mesmas idéias.

Abraços,
Leonardo Caineli</description>
		<content:encoded><![CDATA[<p>Pessoal, não sei se o meu comentário vai ser liberado no tableless.com.br (até agora não foi), enfim, vou comentar aqui também, segue abaixo:</p>
<p>Opiniões divididas é um ótimo sinal de que aquele post não está com a razão. A internet avança rápido demais, se não nos acostumarmos com novos padrões ficaremos estagnados no mercado. Acredito que todos aqui querem trabalhar (ou já trabalharam) em grandes projetos, e esta é a realidade hoje: páginas rápidas = economia de banda = retorno de R$ para as empresas. Para os que ainda têm dúvidas, seguem alguns CSS´s que a maioria de vocês deve acessar:</p>
<p><strong>globo.com.br:</strong><br />
<a href="http://www.globo.com/Portal/cda/estilo_css_cda/0,,6637-0-1795980775,00.css" rel="nofollow">http://www.globo.com/Portal/cda/estilo_css_cda/0,,6637-0-1795980775,00.css</a></p>
<p><strong>uol.com.br (CSS embedded):</strong><br />
<a href="http://www.uol.com.br/" rel="nofollow">http://www.uol.com.br/</a></p>
<p><strong>ig.com.br:</strong><br />
<a href="http://images.ig.com.br/homeigv25/home_v081106a.css" rel="nofollow">http://images.ig.com.br/homeigv25/home_v081106a.css</a></p>
<p><strong>terra.com.br (6 requests):</strong><br />
<a href="http://www.terra.com.br/capa/css/estrutura_olimp_26.css" rel="nofollow">http://www.terra.com.br/capa/css/estrutura_olimp_26.css</a><br />
<a href="http://www.terra.com.br/capa/css/moduloComunidades2.css" rel="nofollow">http://www.terra.com.br/capa/css/moduloComunidades2.css</a><br />
<a href="http://www.terra.com.br/capa/css/css_videos_olimp_26.css" rel="nofollow">http://www.terra.com.br/capa/css/css_videos_olimp_26.css</a><br />
<a href="http://www.terra.com.br/capa/css/css_noticias_olimp_26.css" rel="nofollow">http://www.terra.com.br/capa/css/css_noticias_olimp_26.css</a><br />
<a href="http://www.terra.com.br/capa/css/css_abinhas_olimp_26.css" rel="nofollow">http://www.terra.com.br/capa/css/css_abinhas_olimp_26.css</a><br />
<a href="http://www.terra.com.br/capa/css/css_olimp_26.css" rel="nofollow">http://www.terra.com.br/capa/css/css_olimp_26.css</a></p>
<p>Para fechar, faço questão de postar a url do CSS do meu blog para comprovar que otimização e organização podem sim andar de mãos dadas:<br />
<a href="http://leonardocaineli.com.br/wp-content/themes/leonardocaineli/style.css" rel="nofollow">http://leonardocaineli.com.br/wp-content/themes/leonardocaineli/style.css</a></p>
<p>Longe de mim ditar como cada um de vocês deve programar, mas o mínimo que posso fazer é comprovar o que postei mostrando claramente a realidade de hoje. Fico muito feliz que a grande maioria pensa e/ou adota as mesmas idéias.</p>
<p>Abraços,<br />
Leonardo Caineli</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Micox</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-29</link>
		<dc:creator>Micox</dc:creator>
		<pubDate>Mon, 10 Nov 2008 19:11:47 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-29</guid>
		<description>Concordo com você e discordo da última postagem do site Tableless. Isso ajuda muito na visualização sim e também ajuda caso o user não faça cache do CSS (site com visitantes não fiéis).</description>
		<content:encoded><![CDATA[<p>Concordo com você e discordo da última postagem do site Tableless. Isso ajuda muito na visualização sim e também ajuda caso o user não faça cache do CSS (site com visitantes não fiéis).</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Danilo</title>
		<link>http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/comment-page-1/#comment-28</link>
		<dc:creator>Danilo</dc:creator>
		<pubDate>Mon, 10 Nov 2008 06:57:49 +0000</pubDate>
		<guid isPermaLink="false">http://leonardocaineli.com.br/?p=58#comment-28</guid>
		<description>Também trabalho assim, é questão de costume e sinceramente vejo mais vantagens em construir várias propriedades em uma linha só, pois você consegue ver muito mais código na sua tela, é fica mais fácil de se trabalhar sem precisar dar page up/page down a toda hora, sem falar do tamanho do arquivo.</description>
		<content:encoded><![CDATA[<p>Também trabalho assim, é questão de costume e sinceramente vejo mais vantagens em construir várias propriedades em uma linha só, pois você consegue ver muito mais código na sua tela, é fica mais fácil de se trabalhar sem precisar dar page up/page down a toda hora, sem falar do tamanho do arquivo.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
