<?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>dica1 &#187; CSS</title>
	<atom:link href="http://www.dica1.com.br/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dica1.com.br</link>
	<description>A melhor dica da internet.</description>
	<lastBuildDate>Fri, 03 Feb 2012 19:32:24 +0000</lastBuildDate>
	<language>pt</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Finalmente chegamos ao HTML5</title>
		<link>http://www.dica1.com.br/finalmente-chegamos-ao-html5/</link>
		<comments>http://www.dica1.com.br/finalmente-chegamos-ao-html5/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 15:50:35 +0000</pubDate>
		<dc:creator>André Luiz</dc:creator>
				<category><![CDATA[DICA1]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Designer]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[programadores]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web Standarts]]></category>

		<guid isPermaLink="false">http://www.dica1.com.br/?p=1576</guid>
		<description><![CDATA[Ultimamente, muito se fala sobre HTML5 e sua forma revolucionária de ser escrito e interpretado. Muitos sites mostram como se deve usá-lo, suas vantagens, seus truques e suas particularidades. Após ...<p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/finalmente-chegamos-ao-html5/">Finalmente chegamos ao HTML5</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Ultimamente, muito se fala sobre <a title="Demo HTML5" href="http://html5demos.com/" target="_blank">HTML5</a> e sua forma revolucionária de ser escrito e interpretado. Muitos sites mostram como se deve usá-lo, suas vantagens, seus truques e suas particularidades.</p>
<p>Após um pouco de pesquisa o que percebe-se é que estamos, finalmente, aprendendo a escrever HTML, o HTML de verdade, não esse Frankstein que nasceu nas antigas Tabelas e perdurou por muitos anos.</p>
<p><a href="http://www.dica1.com.br/wp-content/uploads/2011/01/HTML5_Nova_New_Logo.png"><img class="aligncenter size-full wp-image-1582" title="HTML5 Nova Logo" src="http://www.dica1.com.br/wp-content/uploads/2011/01/HTML5_Nova_New_Logo.png" alt="" width="618" height="414" /></a></p>
<p>Toda essa agitação sobre essa nova tecnologia mostra que nós desenvolvedores estamos ficando adultos, deixando de ser os &#8220;rapazes do site&#8221; e finalmente tornando nossa área mais profissional. Podemos observar essa tendência desde o surgimento do famoso <a href="http://pt.wikipedia.org/wiki/Tableless" target="_blanck" title="O que Tableless">Tableless</a> (Sem tabelas), que foi um movimento de exorcismo das tabelas, e de uma hora pra outra, todos passamos a odiar as tabelas, iniciando uma espécie de caça as bruxas.</p>
<p>Então descartamos a tag &lt;table&gt; de nosso dicionário e abraçamos as Divs. Usamos e abusamos das divs, chegando ao ponto de se criar uma tabela (com dados tabulares, óbvio) usando Divs. Com essa nova perspectiva descobrimos que o CSS era muito mais que &#8220;mudar a cor do texto&#8221; ou &#8220;deixar o link bonitinho&#8221;, o CSS era a essência de uma página.</p>
<p>Estávamos tentando fazer o certo, mas pelo caminho errado. Então logo fomos aprendendo que o correto não é ser Tableless, e sim Web Standarts, ou Padrões Web. Nome bonito, dava mais prestígio: “Eu desenvolvo em <a title="Web Standards" href="http://www.webstandards.org/" target="_blank">Web Standarts</a>”.</p>
<p>Logo o terreno para o HTML5 estava sendo preparado. Passamos a prestar mais atenção nas outras tags do HTML: H1, H2, P, UL, OL, DT&#8230; vimos que se elas existem ,  têm um propósito.</p>
<p>Até que então surge o HTML5. Muitos de início descartaram alegando ser algo “futurista” demais, enquanto outros abraçaram de imediato.  Após a famosa briga entre a Adobe e a Apple, o HTML5 chamou a atenção do mundo. Se o mercado de mobile está crescendo tanto, porque devemos ignorar a tecnologia que nos dá um acesso privilegiado a eles? A partir daí começamos a estudar <a title="HTML5" href="http://www.w3.org/TR/html5/" target="_blank">HTML5</a>.</p>
<p><img class="aligncenter" title="Camisa HTML5" src="http://html5shirt.com/img/shirt-photo.jpg" alt="" width="495" height="314" /></p>
<p>A mudança que de cara percebe-se é o tamanho do código, é incrível o quanto é possível economizar ao escrever semanticamente, e isso reflete claramente no carregamento da página e na indexação do Google.</p>
<p>De fato, é uma tecnologia inovadora que nos trouxe facilidades, que até então tínhamos que utilizar Scripts e Flash para conseguir(vide as novas firulas dos formulários), mas, acima de tudo, o <a title="HTML5" href="http://www.w3.org/TR/html5/" target="_blank">HTML5</a> veio para nos ensinar a escrever HTML, onde cada parte da página tem sua tag específica: O logo em um &lt;h1&gt;, o topo no &lt;header&gt;, menu/navegação no &lt;nav&gt;, conteúdo nas &lt;section&gt;, rodapé no &lt;footer&gt; e assim por diante.</p>
<p>Vamos todos aprender <a title="HTML5" href="http://www.w3.org/TR/html5/" target="_blank">HTML5</a>, ele é o futuro, e cá entre nós, quem não quer fazer parte do futuro?</p>
<!-- boo-widget start -->
					<script type="text/javascript">
					bb_keywords = "Tableless";
					bb_bid  = "2232";
					bb_lang  = "pt-BR";
					bb_name = "custom";
					bb_limit = "7";
					bb_format = "bbc";
					</script>
					<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
					<!-- boo-widget end --><p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/finalmente-chegamos-ao-html5/">Finalmente chegamos ao HTML5</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dica1.com.br/finalmente-chegamos-ao-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Personalizando a Paginação no Rails</title>
		<link>http://www.dica1.com.br/personalizando-a-paginacao-no-rails/</link>
		<comments>http://www.dica1.com.br/personalizando-a-paginacao-no-rails/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 04:22:56 +0000</pubDate>
		<dc:creator>Luanildo Silva</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[DICA1]]></category>
		<category><![CDATA[Ruby on rails]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[framework Rails]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Ruby Brasil]]></category>

		<guid isPermaLink="false">http://www.dica1.com.br/?p=167</guid>
		<description><![CDATA[O jeito mais simples que encontrei para fazer paginação no Ruby on Rails, foi utilizando a gem Mislav-will_paginate. por Rafael Lopes No post Trabalhando com paginação – Mislav-will_paginate noruby on ...<p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/personalizando-a-paginacao-no-rails/">Personalizando a Paginação no Rails</a></p>
]]></description>
			<content:encoded><![CDATA[<p>O jeito mais simples que encontrei para fazer paginação no Ruby on Rails, foi utilizando a gem Mislav-will_paginate.</p>
<p style="text-align: center;"><img class="aligncenter" title="Paginação" src="http://farm2.static.flickr.com/1195/956242230_48503b083e_b.jpg" alt="" width="553" height="369" /><br />
<span style="color: #999999; text-align: center;">por <a title="Juliana Vanelli" href="http://www.flickr.com/photos/bobeirasa/" target="_blank">Rafael Lopes</a></span></p>
<p>No post <a title="Paginação com Ruby on Rails" href="http://diegonogueira.wordpress.com/2009/03/05/trabalhando-com-paginacao-mislav-will_paginate/" target="_blank">Trabalhando com paginação – Mislav-will_paginate noruby on rails</a> do blog de Diego Alvarez Nogueira ensina como instalar e utilizar a gem.</p>
<p>O problema é que o resultado, em relação ao aspecto visual não é agradável. Melhor, é bem simples. <img class="aligncenter size-full wp-image-168" title="Paginação simples" src="http://www.dica1.com.br/wp-content/uploads/2009/08/pag.jpg" alt="Paginação simples" width="580" height="54" /></p>
<p>Então lembrei de algo que tinha utilizado quando coloquei a paginação aqui no Dica1.</p>
<p>No Blog <a title="Mis Algoritimo" href="http://mis-algoritmos.com/" target="_blank">Mis Algoritmos</a> têm um post<a title="Estilos(CSS) para paginação" href=" Some styles for your pagination" target="_blank"> Some styles for your pagination</a> com vários Estilos CSS para paginação. Só precisei adicionar o  arquivo CSS do Estilo escolhido ao projeto.  Agora o aspecto ficou bem mais amigavél.</p>
<p><img class="aligncenter size-full wp-image-170" title="Paginação com Estilo" src="http://www.dica1.com.br/wp-content/uploads/2009/08/pag2.jpg" alt="Paginação com Estilo" width="526" height="49" /></p>
<p>Caso queira modificar alguma coisa é só modificar o CSS.</p>
<!-- boo-widget start -->
					<script type="text/javascript">
					bb_keywords = "Ruby Brasil";
					bb_bid  = "2232";
					bb_lang  = "pt-BR";
					bb_name = "custom";
					bb_limit = "7";
					bb_format = "bbc";
					</script>
					<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
					<!-- boo-widget end --><p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/personalizando-a-paginacao-no-rails/">Personalizando a Paginação no Rails</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dica1.com.br/personalizando-a-paginacao-no-rails/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Você sabe o que é CSS?</title>
		<link>http://www.dica1.com.br/voce-sabe-o-que-e-css/</link>
		<comments>http://www.dica1.com.br/voce-sabe-o-que-e-css/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 21:01:42 +0000</pubDate>
		<dc:creator>Luanildo Silva</dc:creator>
				<category><![CDATA[DICA1]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Folha de Estilo]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Maujor]]></category>

		<guid isPermaLink="false">http://www.dica1.com.br/?p=23</guid>
		<description><![CDATA[Você sabe o que é CSS? Ainda existem internautas que não sabem. CSS (Cascading Style Sheets) ou Folha de Estilo em Cascata. O CSS basicamente define as cores, estilo e ...<p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/voce-sabe-o-que-e-css/">Você sabe o que é CSS?</a></p>
]]></description>
			<content:encoded><![CDATA[<p><strong>Você sabe o que é CSS?</strong></p>
<div id="texto">Ainda existem internautas que não sabem. <strong>CSS (</strong><strong>Cascading Style Sheets)</strong> ou Folha de Estilo em Cascata.</p>
<p><img class="aligncenter" style="border: 0pt none; vertical-align: middle;" src="http://lh5.ggpht.com/_h8gtMaR5te0/SWEg_TEKvDI/AAAAAAAAA2g/cfRv3Fa_q9k/s800/css.jpg" alt="Css" width="508" height="379" /></p>
<p>O CSS basicamente define as cores, estilo e posicionamento de imagens e diversos outros elementos que compõem um site ou blog. O CSS influi directamente no design das paginas modificando de maneira prática o seu visual.</p>
<p>Meu interesse aqui não é ensinar CSS, pois já existem muitos sites e blogs que dispõem de conteúdos de qualidade sobre o assunto. Vou listar dois sites que merecem uma atenção especial não só por seu conteúdo, mas também pela forma como ele está bem estruturado e organizado.</p>
<p><a class="external text" title="http://www.maujor.com/" rel="nofollow" href="http://www.maujor.com/">Maujor &#8211; Tutoriais CSS</a><br />
<a class="external text" title="http://pt-br.html.net/tutorials/css/introduction.asp" rel="nofollow" href="http://pt-br.html.net/tutorials/css/introduction.asp">HTML.net &#8211; Aprenda CSS</a></p>
<p>Para que vocês tenham uma ideia do poder do CSS recomendo que visitem o site <a title="Site Zen Garden sobre CSS" xml:lang="en" href="http://www.csszengarden.com/tr/portuguese/">Zen-Garden.</a> É surpreendente como o CSS transforma a aparência de um site.</p>
</div>
<p><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-5200520663494785";
/* 468x60, criado 05/01/09_postagem */
google_ad_slot = "8074229703";
google_ad_width = 468;
google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></p>
<!-- boo-widget start -->
					<script type="text/javascript">
					bb_keywords = "HTML";
					bb_bid  = "2232";
					bb_lang  = "pt-BR";
					bb_name = "custom";
					bb_limit = "7";
					bb_format = "bbc";
					</script>
					<script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
					<!-- boo-widget end --><p>Post from: <a href="http://www.dica1.com.br">Dica1</a><br/><br/><a href="http://www.dica1.com.br/voce-sabe-o-que-e-css/">Você sabe o que é CSS?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dica1.com.br/voce-sabe-o-que-e-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

