﻿<?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>Comments on: 8 erros de CSS que você não deve cometer</title>
	<atom:link href="http://www.tidbits.com.br/8-erros-de-css-que-voce-nao-deve-cometer/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tidbits.com.br/8-erros-de-css-que-voce-nao-deve-cometer</link>
	<description>Desenvolvimento de Front End</description>
	<lastBuildDate>Thu, 26 Jan 2012 11:30:42 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>By: Claudio Myst</title>
		<link>http://www.tidbits.com.br/8-erros-de-css-que-voce-nao-deve-cometer/comment-page-1#comment-631</link>
		<dc:creator>Claudio Myst</dc:creator>
		<pubDate>Sat, 24 Oct 2009 15:24:35 +0000</pubDate>
		<guid isPermaLink="false">http://www.tidbits.com.br/?p=921#comment-631</guid>
		<description>São ótimas dicas que se devem levar em consideração na hora da criação e tomo todos os cuidados descritos aqui e alguns mais.

Um dos que utilizo e que estou aprendendo bastante é limitar determinadas coisas para o layout não se quebrar.

Por exemplo na criação de temas para WordPress é necessário se limitar o tamanho das imagens para que os usuários do tema não postem imagens grandes e detonem seu layout.

Infelizmente existem vários ótimos temas que não utilizam desta técnica e o usuário precisa limitar manualmente suas imagens, coisa que poderia ser feita em css e que muitos não tem o trabalho de fazer.

max-height:
max-width:

normalmente se usa height:auto; e em width se coloca o tamanho máximo que uma imagem pode ter para não se quebrar o layout.

Nem todos os navegadores suportam, mas não custa nada colocar para que nos que suportam o layout ficar correto sem quebrar nada.

ou pelo menos usar overflow: hidden;

Parabéns pela matéria e fica ai a dica do limite das imagens e até mesmo textos.

Abraços.</description>
		<content:encoded><![CDATA[<p>São ótimas dicas que se devem levar em consideração na hora da criação e tomo todos os cuidados descritos aqui e alguns mais.</p>
<p>Um dos que utilizo e que estou aprendendo bastante é limitar determinadas coisas para o layout não se quebrar.</p>
<p>Por exemplo na criação de temas para WordPress é necessário se limitar o tamanho das imagens para que os usuários do tema não postem imagens grandes e detonem seu layout.</p>
<p>Infelizmente existem vários ótimos temas que não utilizam desta técnica e o usuário precisa limitar manualmente suas imagens, coisa que poderia ser feita em css e que muitos não tem o trabalho de fazer.</p>
<p>max-height:<br />
max-width:</p>
<p>normalmente se usa height:auto; e em width se coloca o tamanho máximo que uma imagem pode ter para não se quebrar o layout.</p>
<p>Nem todos os navegadores suportam, mas não custa nada colocar para que nos que suportam o layout ficar correto sem quebrar nada.</p>
<p>ou pelo menos usar overflow: hidden;</p>
<p>Parabéns pela matéria e fica ai a dica do limite das imagens e até mesmo textos.</p>
<p>Abraços.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Leko</title>
		<link>http://www.tidbits.com.br/8-erros-de-css-que-voce-nao-deve-cometer/comment-page-1#comment-155</link>
		<dc:creator>Leko</dc:creator>
		<pubDate>Thu, 13 Nov 2008 18:27:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.tidbits.com.br/?p=921#comment-155</guid>
		<description>Ah .. não valido css não, quem sabe então esteja na hora de começar.. eu do uma olhada no log do firebug e se esta tudo bem ali, boa.. css aberto e fechado corretamente. 

-

E quanto ao carregamento de varios css.. \o/ humm para imagens vou usar mais css sprite pq parece ficar mais rapido mesmo, acredito q com o css seja a mesma coisa.. hihi vcs bem que podiam testar neh kkk xD

-

viu!? ta bem baum ficar vigiando vcs, grande abraço, sucesso.</description>
		<content:encoded><![CDATA[<p>Ah .. não valido css não, quem sabe então esteja na hora de começar.. eu do uma olhada no log do firebug e se esta tudo bem ali, boa.. css aberto e fechado corretamente. </p>
<p>-</p>
<p>E quanto ao carregamento de varios css.. \o/ humm para imagens vou usar mais css sprite pq parece ficar mais rapido mesmo, acredito q com o css seja a mesma coisa.. hihi vcs bem que podiam testar neh kkk xD</p>
<p>-</p>
<p>viu!? ta bem baum ficar vigiando vcs, grande abraço, sucesso.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Marcos</title>
		<link>http://www.tidbits.com.br/8-erros-de-css-que-voce-nao-deve-cometer/comment-page-1#comment-154</link>
		<dc:creator>Marcos</dc:creator>
		<pubDate>Thu, 13 Nov 2008 14:35:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.tidbits.com.br/?p=921#comment-154</guid>
		<description>Eu ainda recomendo a extensão &lt;a href=&quot;http://chrispederick.com/work/web-developer/&quot; rel=&quot;nofollow&quot;&gt;web developer&lt;/a&gt; para o Firefox, e o bookmarklet &lt;a href=&quot;http://www.westciv.com/xray/&quot; rel=&quot;nofollow&quot;&gt;XRAY&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>Eu ainda recomendo a extensão <a href="http://chrispederick.com/work/web-developer/" rel="nofollow">web developer</a> para o Firefox, e o bookmarklet <a href="http://www.westciv.com/xray/" rel="nofollow">XRAY</a></p>
]]></content:encoded>
	</item>
</channel>
</rss>

