﻿<?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>idealMind &#187; css</title>
	<atom:link href="http://blog.idealmind.com.br/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.idealmind.com.br</link>
	<description>Soluções que facilitam a sua vida</description>
	<lastBuildDate>Sun, 05 Sep 2010 15:53:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Apresentando o CSS 3 e o HTML 5</title>
		<link>http://blog.idealmind.com.br/geral/apresentando-o-css3-e-o-html-5/</link>
		<comments>http://blog.idealmind.com.br/geral/apresentando-o-css3-e-o-html-5/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 13:16:54 +0000</pubDate>
		<dc:creator>Wellington Ribeiro</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[rotacionar div]]></category>
		<category><![CDATA[sombra em div]]></category>

		<guid isPermaLink="false">http://blog.idealmind.com.br/sem-categoria/apresentando-o-css3/</guid>
		<description><![CDATA[Simplesmente impressionante. Veja um exemplo: http://www.zurb.com/playground/css3-polaroids Você pode rotacionar divs, incluir sombra etc etc&#8230; E a tag vídeo: http://people.xiph.org/~maikmerten/demos/bigbuckbunny-videoonly.html Sem player nem nada&#8230; código limpo, enxuto&#8230; Agora esse, animação de cantos arredondados usando mootools (também dá para fazer o mesmo efeito usando JQuery): http://demo.rickyh.co.uk/fun-with-CSS3-and-mootools/ Só vendo (aliás, você vai precisar de um navegador de verdade [...]]]></description>
			<content:encoded><![CDATA[<p>Simplesmente impressionante.</p>
<p>Veja um exemplo: <a href="http://www.zurb.com/playground/css3-polaroids">http://www.zurb.com/playground/css3-polaroids</a></p>
<p>Você pode rotacionar divs, incluir sombra etc etc&#8230;</p>
<p>E a tag vídeo: <a href="http://people.xiph.org/~maikmerten/demos/bigbuckbunny-videoonly.html">http://people.xiph.org/~maikmerten/demos/bigbuckbunny-videoonly.html</a></p>
<p>Sem player nem nada&#8230; código limpo, enxuto&#8230;</p>
<p>Agora esse, animação de cantos arredondados usando mootools (também dá para fazer o mesmo efeito usando JQuery): <a href="http://demo.rickyh.co.uk/fun-with-CSS3-and-mootools/" target="_blank">http://demo.rickyh.co.uk/fun-with-CSS3-and-mootools/</a></p>
<p>Só vendo (aliás, você vai precisar de um navegador de verdade para visualizar: use o firefox)!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.idealmind.com.br/geral/apresentando-o-css3-e-o-html-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Variáveis, flexibilidade e código mais limpo no CSS?</title>
		<link>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/</link>
		<comments>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/#comments</comments>
		<pubDate>Sun, 22 Nov 2009 16:06:44 +0000</pubDate>
		<dc:creator>Wellington Ribeiro</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[.sass]]></category>
		<category><![CDATA[background css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css gradient]]></category>
		<category><![CDATA[css style]]></category>
		<category><![CDATA[css variables]]></category>
		<category><![CDATA[gradient css firefox]]></category>
		<category><![CDATA[variáveis css]]></category>

		<guid isPermaLink="false">http://blog.idealmind.com.br/?p=240</guid>
		<description><![CDATA[O .sass é uma forma diferente de se escrever CSS, pois no final do processo o código é compilado em CSS. O código ficou muito mais limpo, sem repetições, e o melhor: com uso de variáveis no CSS! Achei muito interessante a rapidez e a flexibilidade do desenvolvimento de botões estilizados puramente em CSS, com gradiente e cantos arredondados.]]></description>
			<content:encoded><![CDATA[<p>Olá!</p>
<p>Bom, que o CSS é uma ferramenta que há um tempinho atrás trouxe uma nova cara à web todo mundo sabe. Sabemos que ele facilita muito a vida.</p>
<p>Porém, hoje recebi uma mensagem no Twitter que me redirecionou para <a href="http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/" target="_blank">http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/</a>, e achei muito interessante a rapidez e a flexibilidade do desenvolvimento de botões estilizados puramente em CSS, com gradiente e cantos arredondados.</p>
<p>Durante o vídeo, vi que o autor trabalha com HTML e um arquivo de extensão .sass, com um código que lembra o CSS, mas que parece ser mais poderoso. Googleei e encontrei <a href="http://sass-lang.com/" target="_blank">http://sass-lang.com/</a>.</p>
<p>Pelo que entendi, o .sass é uma forma diferente de se escrever CSS, ou, se você preferir, é um framework CCS, pois no final do processo o código é compilado em CSS. O código .sass é muito mais limpo, sem repetições, e o melhor: com uso de variáveis no CSS! No vídeo do primeiro link dá para se ter uma idéia&#8230;</p>
<p>Uma das desvantagens é que, pelo que entendi, somente funciona com Ruby. Então eu não consegui testar.</p>
<p>De qualquer forma, fica aí a dica e, se você resolver experimentar (e tiver como), deixe um comentário com a sua experiência!</p>
<p>Até!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
