<?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>Laura Lopes &#187; CSS</title>
	<atom:link href="http://lauralopes.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://lauralopes.net</link>
	<description>Web Development &#38; Design</description>
	<lastBuildDate>Wed, 16 Jun 2010 15:22:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Fontes para CSS</title>
		<link>http://lauralopes.net/2010/06/16/fontes-para-css/</link>
		<comments>http://lauralopes.net/2010/06/16/fontes-para-css/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 15:21:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[fontes]]></category>
		<category><![CDATA[fonts]]></category>

		<guid isPermaLink="false">http://lauralopes.net/2010/06/16/fontes-para-css/</guid>
		<description><![CDATA[Cinco fontes para usar com a propriedade @font-face do CSS (em inglês): http://www.devlounge.net/design/five-fonts-for-font-face]]></description>
			<content:encoded><![CDATA[<p>Cinco fontes para usar com a propriedade @font-face do CSS (em inglês):</p>
<p><a href="http://www.devlounge.net/design/five-fonts-for-font-face" target="_blank">http://www.devlounge.net/design/five-fonts-for-font-face</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2010/06/16/fontes-para-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutoriais com técnicas de CSS</title>
		<link>http://lauralopes.net/2010/06/16/tutoriais-com-tecnicas-de-css/</link>
		<comments>http://lauralopes.net/2010/06/16/tutoriais-com-tecnicas-de-css/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 15:17:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://lauralopes.net/?p=729</guid>
		<description><![CDATA[Tutoriais (em inglês) com 50 novas técnicas usando CSS: http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/]]></description>
			<content:encoded><![CDATA[<p>Tutoriais (em inglês) com 50 novas técnicas usando CSS:</p>
<p><a href="http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/" target="_blank">http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2010/06/16/tutoriais-com-tecnicas-de-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Type Set</title>
		<link>http://lauralopes.net/2009/05/28/css-type-set/</link>
		<comments>http://lauralopes.net/2009/05/28/css-type-set/#comments</comments>
		<pubDate>Thu, 28 May 2009 12:45:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[fonte]]></category>
		<category><![CDATA[gerador]]></category>

		<guid isPermaLink="false">http://lauralopes.net/?p=583</guid>
		<description><![CDATA[Neste site você monta o seu texto, escolhe a fonte, a cor entre outras propriedades de texto e na janela ao lado, va se gerando automaticamente o código CSS para você copiar e colar no seu site. Digite o seu texto: Formate com as ferramentas abaixo: E veja o CSS se formar no quadro da [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://csstypeset.com/"><img class="alignnone size-full wp-image-584" title="csstypeset" src="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset1.png" alt="csstypeset" width="188" height="71" /></a></p>
<p>Neste site você monta o seu texto, escolhe a fonte, a cor entre outras propriedades de texto e na janela ao lado, va se gerando automaticamente o código CSS para você copiar e colar no seu site.</p>
<p>Digite o seu texto:</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset2.png"><img class="alignnone size-full wp-image-585" title="csstypeset2" src="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset2.png" alt="csstypeset2" width="458" height="109" /></a></p>
<p>Formate com as ferramentas abaixo:</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset4.png"><img src="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset4-300x29.png" alt="csstypeset4" title="csstypeset4" width="300" height="29" class="alignnone size-medium wp-image-587" /></a></p>
<p>E veja o CSS se formar no quadro da direita:</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset3.png"><img class="alignnone size-full wp-image-586" title="csstypeset3" src="http://lauralopes.net/wp-content/uploads/2009/05/csstypeset3.png" alt="csstypeset3" width="275" height="128" /></a></p>
<p><a href="http://csstypeset.com/" target="_blank">http://csstypeset.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2009/05/28/css-type-set/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS sem hacks</title>
		<link>http://lauralopes.net/2009/05/27/css-sem-hacks/</link>
		<comments>http://lauralopes.net/2009/05/27/css-sem-hacks/#comments</comments>
		<pubDate>Wed, 27 May 2009 16:53:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[fluído]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[líquido]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://lauralopes.net/?p=572</guid>
		<description><![CDATA[Descobri um site na Internet que tem layout feitos com CSS que funcionam na maioria dos navegadores e não precisam de hacks ou truques. Estou trabalhando em uma tradução, mas por enquanto segue o link para quem lê em inglês: Perfect multi-column CSS liquid layouts &#8211; iPhone compatible]]></description>
			<content:encoded><![CDATA[<p>Descobri um site na Internet que tem layout feitos com CSS que funcionam na maioria dos navegadores e não precisam de hacks ou truques.</p>
<p>Estou trabalhando em uma tradução, mas por enquanto segue o link para quem lê em inglês:</p>
<p><a href="http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts" target="_blank">Perfect multi-column CSS liquid layouts &#8211; iPhone compatible</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2009/05/27/css-sem-hacks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gerador de Menu CSS</title>
		<link>http://lauralopes.net/2009/05/08/gerador-de-menu-css/</link>
		<comments>http://lauralopes.net/2009/05/08/gerador-de-menu-css/#comments</comments>
		<pubDate>Fri, 08 May 2009 20:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[gerador]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://lauralopes.net/?p=565</guid>
		<description><![CDATA[Um aluno meu enviou o link abaixo: http://www.cssmenumaker.com/ Tem menus para todos os gostos. O site é em inglês, mas o processo é simples: 1. Pesquise na galeria de Menus em CSS prontos e encontre o mais apropriado. 2. Faça as personalizações necessárias. 3. Faça o download do HTML, CSS e imagens necessárias em um [...]]]></description>
			<content:encoded><![CDATA[<p>Um aluno meu enviou o link abaixo:</p>
<p><a href="http://www.cssmenumaker.com/" target="_blank">http://www.cssmenumaker.com/</a></p>
<p>Tem menus para todos os gostos.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator.png"><img src="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator.png" alt="css menu generator" title="css menu generator" width="218" height="392" class="alignnone size-full wp-image-566" /></a></p>
<p>O site é em inglês, mas o processo é simples:</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator1.png"><img src="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator1.png" alt="cssmenugenerator1" title="cssmenugenerator1" width="219" height="162" class="alignnone size-full wp-image-568" /></a></p>
<p>1. Pesquise na galeria de Menus em CSS prontos e encontre o mais apropriado.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator2.png"><img src="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator2.png" alt="cssmenugenerator2" title="cssmenugenerator2" width="218" height="159" class="alignnone size-full wp-image-569" /></a></p>
<p>2. Faça as personalizações necessárias.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator3.png"><img src="http://lauralopes.net/wp-content/uploads/2009/05/cssmenugenerator3.png" alt="cssmenugenerator3" title="cssmenugenerator3" width="218" height="158" class="alignnone size-full wp-image-570" /></a></p>
<p>3. Faça o download do HTML, CSS e imagens necessárias em um só pacote.</p>
<p>Simples e gratuito!</p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2009/05/08/gerador-de-menu-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como usar float em CSS</title>
		<link>http://lauralopes.net/2008/10/28/como-usar-float-em-css/</link>
		<comments>http://lauralopes.net/2008/10/28/como-usar-float-em-css/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 10:20:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[tableless]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://laura-lopes.com/?p=242</guid>
		<description><![CDATA[Excelente artigo em português: CSS float: considerações, dicas e macetes para bons layouts na web Update: leia o artigo na fonte.]]></description>
			<content:encoded><![CDATA[<p>Excelente artigo em português:</p>
<p><a href="http://www.desenvolvimentoparaweb.com/css/css-float-consideracoes-dicas-e-macetes-para-bons-layouts-na-web/" target="_blank">CSS float: considerações, dicas e macetes para bons layouts na web</a></p>
<p>Update: leia o artigo na fonte.</p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2008/10/28/como-usar-float-em-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Livros sobre HTML e CSS</title>
		<link>http://lauralopes.net/2008/10/22/livros-sobre-html-e-css/</link>
		<comments>http://lauralopes.net/2008/10/22/livros-sobre-html-e-css/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 13:46:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[literatura]]></category>
		<category><![CDATA[livro]]></category>
		<category><![CDATA[livros]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://laura-lopes.com/?p=238</guid>
		<description><![CDATA[Dois ótimos livros escritos pelo Mauricio Samy Silva: http://www.livrohtml.com.br/ http://www.livrocss.com.br/ Confesso que não li os livros inteiros, mas olhei os capítulos que estão disponíveis na web. O conteúdo é ótimo e bastante atualizado. A diferença entre os livros, apontadas pelo próprio Mauricio Samy Silva: Folhas de estilo em cascata, ou simplesmente CSS e linguagem de [...]]]></description>
			<content:encoded><![CDATA[<p>Dois ótimos livros escritos pelo Mauricio Samy Silva:<br />
<a href="http://www.livrohtml.com.br/" target="_blank">http://www.livrohtml.com.br/</a><br />
<a href="http://www.livrocss.com.br/" target="_blank">http://www.livrocss.com.br/</a></p>
<p>Confesso que não li os livros inteiros, mas olhei os capítulos que estão disponíveis na web. O conteúdo é ótimo e bastante atualizado.</p>
<p>A diferença entre os livros, apontadas pelo próprio Mauricio Samy Silva:</p>
<p><em>Folhas de estilo em cascata, ou simplesmente CSS e linguagem de marcação HTML são as duas tecnologias básicas para construção de web sites.<br />
A marcação HTML se destina a inserir e estruturar os conteúdos de uma página do site e às CSS cabe a missão de posicionar, dar forma, tamanho, cores e todos os aspectos de apresentação da página.</em></p>
<p><em>Resumindo: HTML para estruturar e CSS para apresentar. Este é o moderno conceito de construção de sites.</em></p>
<p><em>Assim, CSS e HTML são duas tecnologias que não podem ser dissociadas no processo de construção de um site.</em></p>
<p><em>O livro &#8220;Construindo sites com CSS e (X)HTML&#8221; tem seu foco principal nas técnicas de estilização das páginas de um site, portanto é um livro destinado a aprofundar conhecimentos CSS. Nele o autor explica com detalhes e exemplificação como posicionar, colorir, definir tamanhos, estilos e os diversos aspectos ligados a apresentar os conteúdos marcados com HTML. A HTML consta do livro na suposição de que o leitor tenha algum conhecimento do seu emprego e saiba pelo menos a função básica de cada elemento da linguagem, até porque é impossível aprender CSS sem saber HTML.</em></p>
<p><em>O livro &#8220;Criando sites com HTML&#8221; tem seu foco principal nas técnicas de marcação e estruturação de documentos para a web com uso da linguagem HTML. Nele o autor aprofunda explicações sobre o significado e valor semântico de cada um dos elementos componentes da linguagem. A parte teórica do livro é complementada com a marcação de um site fictício que para ser apresentado necessita de um mínimo de estilização ou conhecimento CSS. O livro dedica um capítulo explicando o básico das CSS necessário à implementação do site exemplo.</em></p>
<p><em>Conclusão:<br />
- O leitor conhece HTML, segundo os modernos padrões Web, e quer aprender as técnicas avançadas de CSS.<br />
O livro indicado é &#8220;Construindo sites com CSS e (X)HTML&#8221;.</em></p>
<p><em>- O leitor não conhece HTML, ou mesmo conhece o HTML ultrapassado e quer aprender ou reciclar os conceitos avançados desta linguagem de marcação.<br />
O livro indicado é &#8220;Criando sites com HTML&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2008/10/22/livros-sobre-html-e-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Valide seu site</title>
		<link>http://lauralopes.net/2008/09/01/valide-seu-site/</link>
		<comments>http://lauralopes.net/2008/09/01/valide-seu-site/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 11:45:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[tableless]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://laura-lopes.com/?p=249</guid>
		<description><![CDATA[Seu site é compatível com XHTML e CSS? http://xhtml-css.com/]]></description>
			<content:encoded><![CDATA[<p>Seu site é compatível com XHTML e CSS?</p>
<p>http://xhtml-css.com/</p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2008/09/01/valide-seu-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
