﻿<?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>Kasamata &#187; CSS</title>
	<atom:link href="http://kasamata.com.br/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://kasamata.com.br</link>
	<description>Design &#38; desenvolvimento web</description>
	<lastBuildDate>Wed, 28 Jul 2010 22:38:13 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Friend Connect no Drupal</title>
		<link>http://kasamata.com.br/2010/04/friend-connect-no-drupal/</link>
		<comments>http://kasamata.com.br/2010/04/friend-connect-no-drupal/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 22:13:14 +0000</pubDate>
		<dc:creator>emer77</dc:creator>
				<category><![CDATA[(sem categoria)]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[desenvolvimento]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://kasamata.com.br/?p=558</guid>
		<description><![CDATA[Dando uma mergulhada no Drupal nos últimos dias descobri dois módulos bem legais.
Friend Connect
O primeiro achei revolucionário. É o Friendconnect, que permite o cadastro e login de usuários usando o Google Friend Connect.
Por exemplo, para comentar basta se autenticar usando sua conta no Google, Twitter — e outros sites membros do Friend Connect — e [...]]]></description>
			<content:encoded><![CDATA[<p>Dando uma mergulhada no Drupal nos últimos dias descobri dois módulos bem legais.</p>
<h2>Friend Connect</h2>
<p>O primeiro achei revolucionário. É o <a href="http://code.google.com/p/drupal-friendconnect/">Friendconnect</a>, que permite o cadastro e login de usuários usando o <a href="http://www.google.com/friendconnect">Google Friend Connect</a>.<span id="more-558"></span></p>
<p>Por exemplo, para comentar basta se autenticar usando sua conta no Google, Twitter — e outros sites membros do Friend Connect — e pronto. Se já estiver logado, não precisa nem digitar a senha!</p>
<p>E não é só para comentários, sites Drupal em que usuários registrados contribuem com conteúdo podem aproveitar esse recurso para o cadastro de novos usuários. Todos saem ganhando, principalmente o usuário, que não precisa ficar digitando seus dados.</p>
<h2>Nice Menus</h2>
<p>O segundo é uma implementação do módulo <a href="http://drupal.org/project/nice_menus">Nice Menus</a> com essa dica: <a href="http://drupal.org/node/215142">Nice Primary Menus</a>. O objetivo é fazer itens secundários de menus surgirem quando o mouse passa, nesse caso usando o template <a href="http://drupal.org/project/zen">Zen</a>.</p>
<p>Quem está acostumado com Wordpress, em que essa é uma função já embutida nos temas (com <a href="http://www.alistapart.com/articles/dropdowns/">Suckerfish</a>, por exemplo), acaba ficando frustrado com a ausência desse recurso.</p>
<p>Mas basta instalar o módulo Nice Menus e atualizar os templates.</p>
<p>Exemplos dessas duas implementações estão em <a href="http://enteogenos.org">enteogenos.org</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://kasamata.com.br/2010/04/friend-connect-no-drupal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS só para Internet Explorer</title>
		<link>http://kasamata.com.br/2009/10/css-so-para-internet-explorer/</link>
		<comments>http://kasamata.com.br/2009/10/css-so-para-internet-explorer/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 05:36:37 +0000</pubDate>
		<dc:creator>emer77</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[hacks]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://kasamata.com.br/?p=471</guid>
		<description><![CDATA[Quem usa instruções CSS específicas para o Internet Explorer já deve ter reparado uma coisa: o IE 8 não reconhece mais o *. Por exemplo:
*overflow: hidden;
Com o asterisco, a linha é executada apenas pelo Internet Explorer. Outros navegadores ignoram. Mas só até a versão 7 do IE. E agora?
Dá pra usar uma gambiarra feia, mas [...]]]></description>
			<content:encoded><![CDATA[<p>Quem usa instruções CSS específicas para o Internet Explorer já deve ter reparado uma coisa: o IE 8 não reconhece mais o *. Por exemplo:</p>
<p>*overflow: hidden;</p>
<p>Com o asterisco, a linha é executada apenas pelo Internet Explorer. Outros navegadores ignoram. Mas só até a versão 7 do IE. E agora?</p>
<p>Dá pra usar uma gambiarra feia, mas que funciona:</p>
<p>overflow: hidden\9;</p>
<p>Esse &#8220;\9&#8243; antes do ponto-e-vírgula faz com que a linha seja interpretada apenas pelo IE, qualquer versão.</p>
]]></content:encoded>
			<wfw:commentRss>http://kasamata.com.br/2009/10/css-so-para-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Fora Internet Explorer 6!</title>
		<link>http://kasamata.com.br/2009/07/fora-internet-explorer-6/</link>
		<comments>http://kasamata.com.br/2009/07/fora-internet-explorer-6/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 01:15:20 +0000</pubDate>
		<dc:creator>emer77</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://kasamata.com.br/?p=128</guid>
		<description><![CDATA[Quando webdesigners serão pessoas mais felizes? Não que sejam lá muito tristes, mas certamente ficarão bem contentes quando o Internet Explorer 6 cair na insignificância.
Atualmente, o navegador fora dos padrões &#8212; que consome todo um precioso tempo de desenvolvimento para que as páginas contornem seus defeitos e sejam exibidas de maneira aceitável &#8212; ainda representa [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_129" class="wp-caption alignnone" style="width: 490px"><a href="http://blog.digg.com/?p=878"><img class="size-full wp-image-129" title="why_ie6" src="http://kasamata.com.br/wp-content/uploads/2009/07/why_ie6.jpg" alt="Os leitores do Digg que usam o Explorer 6 são reféns também, não têm como fazer upgrade" width="480" height="164" /></a><p class="wp-caption-text">Os leitores do Digg que usam o Explorer 6 são reféns também, não têm como fazer upgrade (reprodução/Digg The Blog)</p></div>
<p>Quando webdesigners serão pessoas mais felizes? Não que sejam lá muito tristes, mas certamente ficarão bem contentes quando o Internet Explorer 6 cair na insignificância.</p>
<p>Atualmente, o navegador fora dos padrões &#8212; que consome todo um precioso tempo de desenvolvimento para que as páginas contornem seus defeitos e sejam exibidas de maneira aceitável &#8212; ainda representa uma porção significativa dos visitantes.</p>
<p>Em outro blog que mantenho, o <a href="http://www.samsara.blog.br">Samsara</a>, de público genérico, 20% dos visitantes usam o infame browser. Em sites com público mais &#8220;tecnológico&#8221;, o índice cai. No Digg, por exemplo, é 10%.</p>
<p>Foram eles, do Digg, que fizeram uma pesquisa [<a href="http://blog.digg.com/?p=878">Much Ado About IE6</a>] reveladora com os usuários do Explorer 6:</p>
<p>&#8211; Por que não fazem um upgrade?</p>
<p>&#8211; Porque não podemos.</p>
<p>Isso devido a restrições para instalar software novo no computador do trabalho. É, o pessoal do suporte tá precisando mesmo de uma luz.</p>
<h2>Youtube</h2>
<p>Talvez o povo só desista mesmo do navegador problemático na marra. Por exemplo, o Youtube já dá um aviso que &#8220;em breve&#8221; o site não mais será compatível com o ie6.</p>
<div id="attachment_130" class="wp-caption alignnone" style="width: 490px"><img class="size-full wp-image-130" title="youtube_ie6" src="http://kasamata.com.br/wp-content/uploads/2009/07/youtube_ie6.png" alt="Quem entra no Youtube usando o navegador obsoleto já recebe um aviso" width="480" height="106" /><p class="wp-caption-text">Quem entra no Youtube usando o navegador obsoleto já recebe um aviso (reprodução/Youtube)</p></div>
<p>É o jeito. Que mais sites grandes façam isso!</p>
<p><strong>Atualização:</strong> Como diz esse post novo do <a href="http://mashable.com/2009/07/16/ie6-must-die/">Mashable: &#8220;IE6 deve morrer para a web continuar&#8221;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kasamata.com.br/2009/07/fora-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Escolha mais fácil de cores</title>
		<link>http://kasamata.com.br/2009/07/temas-de-cores-com-adobe-kuler/</link>
		<comments>http://kasamata.com.br/2009/07/temas-de-cores-com-adobe-kuler/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 19:05:45 +0000</pubDate>
		<dc:creator>emer77</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[meta]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://kasamata.com.br/?p=120</guid>
		<description><![CDATA[Outra dica de ferramenta: Adobe Kuler.
É um gerenciador online de cores bem útil na hora de experimentar combinações. Principalmente para sites.
Neste blog, por exemplo, usei o tema Kratos Rage.
]]></description>
			<content:encoded><![CDATA[<div id="attachment_122" class="wp-caption alignnone" style="width: 490px"><a href="http://kuler.adobe.com"><img class="size-full wp-image-122" title="adobe-kuler" src="http://kasamata.com.br/wp-content/uploads/2009/07/adobe-kuler.jpg" alt="Ferramenta da Adobe ajuda na hora de escolher cores" width="480" height="229" /></a><p class="wp-caption-text">Ferramenta da Adobe ajuda na hora de escolher cores (reprodução/Adobe Kuler)</p></div>
<p>Outra dica de ferramenta:<a href="http://kuler.adobe.com/"> Adobe Kuler</a>.</p>
<p>É um gerenciador online de cores bem útil na hora de experimentar combinações. Principalmente para sites.</p>
<p>Neste blog, por exemplo, usei o tema <a href="http://kuler.adobe.com/#themeID/363199">Kratos Rage</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://kasamata.com.br/2009/07/temas-de-cores-com-adobe-kuler/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fontes maiores para a web</title>
		<link>http://kasamata.com.br/2009/07/fontes-maiores-para-a-web/</link>
		<comments>http://kasamata.com.br/2009/07/fontes-maiores-para-a-web/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 16:44:09 +0000</pubDate>
		<dc:creator>emer77</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[usabilidade]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.enteogenos.org/blogtmp/?p=45</guid>
		<description><![CDATA[Já virou um hábito comum ter que ficar apertando [Ctrl +] para aumentar o tamanho das letras em muitos sites. Ainda mais com o aumento da resolução padrão dos monitores.
Por aqui, estou experimentando um tamanho maior de fonte para os posts: Georgia 15px.
Referências interessantes sobre esse assunto:

The 100% Easy-2-Read Standard &#8211; Texto do Information Architects [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_113" class="wp-caption alignnone" style="width: 490px"><img class="size-full wp-image-113" title="typesize_comparison2" src="http://kasamata.com.br/wp-content/uploads/2009/07/typesize_comparison21.jpg" alt="Na mesma distância, 11px no impresso equivale a 16px na tela! (foto de Wilson Miner)" width="480" height="319" /><p class="wp-caption-text">Na distância de leitura, fonte 11px no papel equivale a 16px na tela! (Wilsonminer.com)</p></div>
<p>Já virou um hábito comum ter que ficar apertando [Ctrl +] para aumentar o tamanho das letras em muitos sites. Ainda mais com o aumento da resolução padrão dos monitores.</p>
<p>Por aqui, estou experimentando um tamanho maior de fonte para os posts: Georgia 15px.</p>
<p>Referências interessantes sobre esse assunto:</p>
<ul>
<li><a href="http://informationarchitects.jp/100e2r/">The 100% Easy-2-Read Standard</a> &#8211; Texto do Information Architects Japan. Interessante a constatação: a experiência de ler um texto impresso com fonte 11px equivale a ler online com fonte 16px!! (imagem acima)</li>
<li><a href="http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/">Relative readability</a> &#8211; Post comentando o texto acima.</li>
<li><a href="http://code.google.com/p/better-web-readability-project/">Better Web Readability Project &#8211; CSS Library</a></li>
<li><a href="http://www.nme.com/reviews/wilco/10610">NME</a> &#8211; Site da New Music Express, que já usa fontes maiores.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://kasamata.com.br/2009/07/fontes-maiores-para-a-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
