<?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; web</title>
	<atom:link href="http://lauralopes.net/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://lauralopes.net</link>
	<description>Web Development &#38; Design</description>
	<lastBuildDate>Thu, 18 Mar 2010 20:10:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Ferramentas que ajudam a combinar as cores do seu site</title>
		<link>http://lauralopes.net/2009/04/27/ferramentas-que-ajudam-a-combinar-as-cores-do-seu-site/</link>
		<comments>http://lauralopes.net/2009/04/27/ferramentas-que-ajudam-a-combinar-as-cores-do-seu-site/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 11:37:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[combinar]]></category>
		<category><![CDATA[cor]]></category>
		<category><![CDATA[cores]]></category>
		<category><![CDATA[desenvolvimento]]></category>
		<category><![CDATA[ferramentas]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://lauralopes.net/?p=548</guid>
		<description><![CDATA[Umas das dificuldades dos programadores é encontrar um conjunto de cores que combinam para fazer o layout do seu site ou sistema.
Parece que designers já nasceram com essa habilidade! Já que a combinação de cores tem como base regras matemáticas, existem vários sites que ajudam a gente a escolher um conjunto de cores para usar.
Estes [...]]]></description>
			<content:encoded><![CDATA[<p>Umas das dificuldades dos programadores é encontrar um conjunto de cores que combinam para fazer o layout do seu site ou sistema.</p>
<p>Parece que designers já nasceram com essa habilidade! Já que a combinação de cores tem como base regras matemáticas, existem vários sites que ajudam a gente a escolher um conjunto de cores para usar.</p>
<p>Estes são meus preferidos:</p>
<p><a href="http://colorblender.com/" target="_blank">http://colorblender.com/</a><br />
<a href="http://kuler.adobe.com/" target="_blank">http://kuler.adobe.com/</a><br />
<a href="http://wellstyled.com/tools/colorscheme2/" target="_blank">http://wellstyled.com/tools/colorscheme2/</a></p>
<p><a href="http://colorblender.com/" target="_blank"><img class="size-full wp-image-549" title="Color Blender" src="http://lauralopes.net/wp-content/uploads/2009/04/color_blender.jpg" alt="Color Blender" width="302" height="68" /></a></p>
<p>Inicialmente você tem todos os quadrinhos na cor preta.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/04/blend01.jpg"><img class="alignnone size-medium wp-image-550" title="Color Blender 01 - Tudo preto" src="http://lauralopes.net/wp-content/uploads/2009/04/blend01-300x172.jpg" alt="Color Blender 01 - tudo preto" width="300" height="172" /></a></p>
<p>Você precisa mexer nas barrinhas RGB para dar cor ao seu projeto.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/04/blend02.jpg"><img class="alignnone size-full wp-image-551" title="Color Blender 02 - Selecionando RGB" src="http://lauralopes.net/wp-content/uploads/2009/04/blend02.jpg" alt="Color Blend 02 - Selecionando RGB" width="481" height="143" /></a></p>
<p>Após escolher a combinação perfeita, você tem acesso às cores tanto no formato hexadecimal (já pronto para a sua folha de estilos CSS) quanto no formato RGB.</p>
<p><a href="http://lauralopes.net/wp-content/uploads/2009/04/blend03.jpg"><img src="http://lauralopes.net/wp-content/uploads/2009/04/blend03.jpg" alt="Color Blender 03 - Código da cor" title="Color Blender 03 - Código da cor" width="130" height="184" class="alignnone size-full wp-image-552" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2009/04/27/ferramentas-que-ajudam-a-combinar-as-cores-do-seu-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox addons que eu uso</title>
		<link>http://lauralopes.net/2009/03/30/fifefox-addons-que-eu-uso/</link>
		<comments>http://lauralopes.net/2009/03/30/fifefox-addons-que-eu-uso/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 17:21:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[addons]]></category>
		<category><![CDATA[componentes]]></category>
		<category><![CDATA[edição]]></category>
		<category><![CDATA[extensão]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://laura-lopes.com/?p=429</guid>
		<description><![CDATA[Firebug: você pode editar, debugar e monitorar HTML, CSS, HTML e JavaScript em tempo real em qualquer página.
https://addons.mozilla.org/en-US/firefox/addon/1843
ColorZilla: você pode escolher uma cor de uma página e ver o seu código hexadecimal ou RGB, entre outras vantagens.
https://addons.mozilla.org/en-US/firefox/addon/271
MeasureIt: desenha uma régua para você medir qualquer elemento em uma página web.
https://addons.mozilla.org/en-US/firefox/addon/539
Já usei e recomendo:
Web Developer: adiciona um [...]]]></description>
			<content:encoded><![CDATA[<p>Firebug: você pode editar, debugar e monitorar HTML, CSS, HTML e JavaScript em tempo real em qualquer página.<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1843</a></p>
<p>ColorZilla: você pode escolher uma cor de uma página e ver o seu código hexadecimal ou RGB, entre outras vantagens.<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/271</a></p>
<p>MeasureIt: desenha uma régua para você medir qualquer elemento em uma página web.<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/539" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/539</a></p>
<p>Já usei e recomendo:<br />
Web Developer: adiciona um menu e uma barra de ferramentas com diversas ferramentas para o web developer.<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/60</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2009/03/30/fifefox-addons-que-eu-uso/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bordas arredondadas web 2.0</title>
		<link>http://lauralopes.net/2008/11/25/bordas-arredondadas-web-20/</link>
		<comments>http://lauralopes.net/2008/11/25/bordas-arredondadas-web-20/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 00:41:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Programação]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[borda]]></category>
		<category><![CDATA[bordas]]></category>
		<category><![CDATA[corner]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://laura-lopes.com/?p=408</guid>
		<description><![CDATA[Mais serviços web 2.0 para facilitar a sua vida:
CSS Rounded Box Generator cria imagens para bordas arredondadas nas cores que você escolher e gera os códigos necessários para você publicar no seu site.
Rounded Cornr gera imagens para estilos com bordas arredondadas, além de permitir configurações mais avançadas do que o primeiro.
]]></description>
			<content:encoded><![CDATA[<p>Mais serviços web 2.0 para facilitar a sua vida:</p>
<p><a href="http://www.neuroticweb.com/recursos/css-rounded-box/" target="_blank">CSS Rounded Box Generator</a> cria imagens para bordas arredondadas nas cores que você escolher e gera os códigos necessários para você publicar no seu site.</p>
<p><a href="http://www.roundedcornr.com/" target="_blank">Rounded Cornr</a> gera imagens para estilos com bordas arredondadas, além de permitir configurações mais avançadas do que o primeiro.</p>
]]></content:encoded>
			<wfw:commentRss>http://lauralopes.net/2008/11/25/bordas-arredondadas-web-20/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 marcação HTML são as duas [...]]]></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>
