<?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>Flor Braz</title>
	<atom:link href="http://florbraz.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://florbraz.com/blog</link>
	<description></description>
	<lastBuildDate>Mon, 02 Aug 2010 14:42:56 +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>Cream Powder Duo da Contém 1g</title>
		<link>http://florbraz.com/blog/2010/08/02/cream-powder-duo-da-contem-1g/</link>
		<comments>http://florbraz.com/blog/2010/08/02/cream-powder-duo-da-contem-1g/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 14:35:35 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Sem categoria]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=179</guid>
		<description><![CDATA[Tenho um problema com a Contém 1g. Compro muita coisa por que na loja, com a iluminação perfeita, a maquiadora fazendo tudo direitinho, tudo fica lindo. E, quando chego em casa, vejo que fiz um investimento ruim, pois o produto não é TÃO MARAVILHOSO assim e foi caro pra caramba.
MAS (porém, entretanto, contudo, todavia), em [...]]]></description>
			<content:encoded><![CDATA[<p>Tenho um problema com a Contém 1g. Compro muita coisa por que na loja, com a iluminação perfeita, a maquiadora fazendo tudo direitinho, tudo fica lindo. E, quando chego em casa, vejo que fiz um investimento ruim, pois o produto não é TÃO MARAVILHOSO assim e foi caro pra caramba.</p>
<p>MAS (porém, entretanto, contudo, todavia), em todo esse tempo comprando mondicoisa lá, tenho que falar que me apaixonei loucamente por um único produto, o Cream Powder Duo Cake (fps 15).</p>
<p>ó o bonito aqui:</p>
<p><a href="http://www.contem1g.com.br/pt/produtos/makeup/preparacaoPele/cream_powder_FPS.htm"><img class="alignnone size-full wp-image-180" title="Cream powder duo base" src="http://florbraz.com/blog/wp-content/uploads/2010/08/cream_powder_FPS.jpg" alt="" width="300" height="300" /></a></p>
<p>Ele fica perfeito no meu tom de pele (por perfeito leia: ele deixa minha pele do rosto igualada com o resto do corpo, já que meu rosto é ligeiramente mais bronzeado, e fica um efeito natural mesmo assim), tem fps 15, dá um acabamento aveludado leeendo e não dá trabalho nenhum pra passar. Tipo, perfeito pra estar na minha <em>nécessaire</em>.</p>
<p>Como nada é perfeito nessa vida, ele não custa o valor que eu paguei lá atrás, pois estava em promoção (R$39) e, a média de preço agora é de R$72. Acho caro.</p>
<p>Então, tô aqui mais pra perguntar, alguém aí conhece um produto similar com um custo benefício melhor? (pode até ser importado, se tiver loja que entregue, e o frete também entre nesse custo-benefício.)</p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/08/02/cream-powder-duo-da-contem-1g/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Vendendo! Legging estampa de Graffiti</title>
		<link>http://florbraz.com/blog/2010/07/26/vendendo-legging-estampa-de-graffiti/</link>
		<comments>http://florbraz.com/blog/2010/07/26/vendendo-legging-estampa-de-graffiti/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 00:19:04 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Bazar]]></category>
		<category><![CDATA[compras]]></category>
		<category><![CDATA[vendendo]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=171</guid>
		<description><![CDATA[Alô, pessoal!
Importei essa calça há um mês e chegou hoje, mas não serve pra mim. Essa calça vai vestir bem de PP a M, mais que isso, pode até servir, ma a estampa vai arregaçar.
Estou vendendo!
O valor é R$45 + frete.
quem tiver interesse, manda um e-mail para eu@florbraz.com 


]]></description>
			<content:encoded><![CDATA[<p>Alô, pessoal!<br />
Importei essa calça há um mês e chegou hoje, mas não serve pra mim. Essa calça vai vestir bem de PP a M, mais que isso, pode até servir, ma a estampa vai arregaçar.<br />
Estou vendendo!<br />
O valor é R$45 + frete.<br />
quem tiver interesse, manda um e-mail para eu@florbraz.com <img src='http://florbraz.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<a href="http://florbraz.com/blog/wp-content/uploads/2010/07/calça01.jpg" rel="lightbox[171]"><img class="alignnone size-full wp-image-173" title="legging graffiti" src="http://florbraz.com/blog/wp-content/uploads/2010/07/calça01.jpg" alt="legging graffiti" width="378" height="382" /></a></p>
<p><a href="http://florbraz.com/blog/wp-content/uploads/2010/07/calça02.jpg" rel="lightbox[171]"><img class="alignnone size-full wp-image-174" title="legging graffiti" src="http://florbraz.com/blog/wp-content/uploads/2010/07/calça02.jpg" alt="legging graffiti" width="378" height="383" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/07/26/vendendo-legging-estampa-de-graffiti/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress vs. FTP e permissões</title>
		<link>http://florbraz.com/blog/2010/05/19/wordpress-vs-ftp-e-permissoes-problema-resolvido/</link>
		<comments>http://florbraz.com/blog/2010/05/19/wordpress-vs-ftp-e-permissoes-problema-resolvido/#comments</comments>
		<pubDate>Wed, 19 May 2010 16:56:20 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Desenvolvimento Front-End]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=166</guid>
		<description><![CDATA[(ou &#8216;como não ter que colocar seus dados de ftp toda fucking vez que adicionar plugin&#8217;)
De uns tempos pra cá, toda vez que eu tentava atualizar algum plugin nos meus blogs do wordpress, aparecia a seguinte (SACAL) mensagem:
Para executar a ação solicitada, a informação de conexão é necessária.
E em baixo os campos pra por o [...]]]></description>
			<content:encoded><![CDATA[<p><em><strong>(ou &#8216;como não ter que colocar seus dados de ftp toda fucking vez que adicionar plugin&#8217;)</strong></em></p>
<p>De uns tempos pra cá, toda vez que eu tentava atualizar algum plugin nos meus blogs do wordpress, aparecia a seguinte (SACAL) mensagem:</p>
<p><em><strong>Para executar a ação solicitada, a informação de conexão é necessária.</strong></em></p>
<p>E em baixo os campos pra por o ftp host, usuário e senha.</p>
<p>Agora imagine ter que atualizar 15 plugins? Ou quando se está testando em busca de um plugins que funcione como você queira?</p>
<p>Hoje com a ajuda do senhor <a href="http://filipekiss.com.br/blog/">Filipe Kiss</a> (:D) descobri a solução:</p>
<p>dentro do seu arquivo wp-config.php (aquele bonitinho que vai na raiz dfa sua instalação de wordpress), você vai inserir os seguintes códigos após o <em>define(&#8216;DB_COLLATE&#8217;, &#8221;);</em>:</p>
<p><strong><em>define(&#8216;FTP_HOST&#8217;, &#8216;ftp.seusite.com&#8217;);</em></strong><br />
<strong><em>define(&#8216;FTP_USER&#8217;, &#8216;usuárioFtp&#8217;);</em></strong><br />
<strong><em>define(&#8216;FTP_PASS&#8217;, &#8217;senhaFtp&#8217;);</em></strong></p>
<p>Se seu servidor tiver habilitada segurança SSL, coloque também esse código depois:<br />
define(&#8216;FTP_SSL&#8217;, true);</p>
<p>Have fun! :3</p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/05/19/wordpress-vs-ftp-e-permissoes-problema-resolvido/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Como um web designer gasta seu dia</title>
		<link>http://florbraz.com/blog/2010/04/12/como-um-web-designer-gasta-seu-dia/</link>
		<comments>http://florbraz.com/blog/2010/04/12/como-um-web-designer-gasta-seu-dia/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 15:20:45 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[ie6]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=162</guid>
		<description><![CDATA[
Só discordo da parte de desistir e usar tabelas. Spartans never surrender!
Vi no blog do Gilmar Pupo e resolvi traduzir. A imagem original é do Alan Foreman.
]]></description>
			<content:encoded><![CDATA[<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/04/humor1.png" alt="Como um web designer gasta seu tempo" title="Como um web designer gasta seu tempo" width="500" height="400" class="alignnone size-full wp-image-163" /></p>
<p>Só discordo da parte de desistir e usar tabelas. <em>Spartans never surrender!</em></p>
<p><a href="http://blog.gilmar.eti.br/como-um-webdesigner-gasta-seu-dia-humor">Vi no blog do Gilmar Pupo</a> e resolvi traduzir. A imagem original é do <a href="http://poisonedminds.com">Alan Foreman</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/04/12/como-um-web-designer-gasta-seu-dia/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Eyeko &#8211; Big eyes Mascara vs. Magic Mascara</title>
		<link>http://florbraz.com/blog/2010/04/07/eyeko-big-eyes-mascara-vs-magic-mascara/</link>
		<comments>http://florbraz.com/blog/2010/04/07/eyeko-big-eyes-mascara-vs-magic-mascara/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 13:15:41 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Menininha]]></category>
		<category><![CDATA[beleza]]></category>
		<category><![CDATA[make]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=150</guid>
		<description><![CDATA[Muito se ouve falar das makes da Eyeko, legais e acessíveis, e principalmente da Big Eyes Mascara, queridinha de muitos maquiadores e apaixonados por make.
Eu ainda não tinha ouvido falar sobre a marca quando comprei a Magic Mascara. Pela descrição do site, me pareceu mais interessante que a Big Eyes.
Depois, lendo a respeito, vi que [...]]]></description>
			<content:encoded><![CDATA[<p>Muito se ouve falar das makes da Eyeko, legais e acessíveis, e principalmente da Big Eyes Mascara, queridinha de muitos maquiadores e apaixonados por make.</p>
<p>Eu ainda não tinha ouvido falar sobre a marca quando comprei a Magic Mascara. Pela descrição do site, me pareceu mais interessante que a Big Eyes.</p>
<p>Depois, lendo a respeito, vi que a maioria das pessoas prefere a Big Eyes.</p>
<p>Daí eu me perguntei: &#8220;e agora, qual é a melhor?&#8221;<br />
Comprei a Big Eyes Mascara também e apaixonei, passei a usar mais ela. </p>
<p>Mas, na real, não dá pra definir qual das duas é a melhor, a Big Eyes ou a Magic. Os efeitos são diferentes e ambos são ótimos.</p>
<p><strong>edit:</strong> Quando fui tomar banho, também reparei que a Big Eyes é à prova d&#8217;água, enquanto a Magic não. A Big Eyes, se você puxa de leve seus cílios molhados, ela sai inteira no seu dedo, no formato do cílio (o que é prático pra caramba), enquanto a Magic derreeeeete. </p>
<p>Tirei algumas fotos para vocês poderem comparar.<br />
(Não reparem, não usei curvex e fiz uma caca danada com rímel, mas acho que dá pra ver o principal, o efeito.)</p>
<p>á esquerda, big eyes mascara, e à direita, magic mascara:<br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/04/eyeko-title1.jpg" alt="Eyeko - Big eyes vs. Magic" title="Eyeko - Big eyes vs. Magic" width="500" height="133" class="alignnone size-full wp-image-157" /><br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/04/eyeko03-e1270645378621.jpg" alt="Eyeko - Big eyes Mascara vs. Magic Mascara - Diagonal" title="Eyeko - Big eyes Mascara vs. Magic Mascara - Diagonal" width="500" height="244" class="alignnone size-full wp-image-153" /><br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/04/eyeko01.jpg" alt="Eyeko - Big eyes Mascara vs. Magic Mascara - Fechado" title="Eyeko - Big eyes Mascara vs. Magic Mascara - Fechado" width="500" height="203" class="alignnone size-full wp-image-151" /><br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/04/eyeko02.jpg" alt="Eyeko - Big eyes Mascara vs. Magic Mascara - Baixo" title="Eyeko - Big eyes Mascara vs. Magic Mascara - Baixo" width="500" height="186" class="alignnone size-full wp-image-152" /></p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/04/07/eyeko-big-eyes-mascara-vs-magic-mascara/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Marketing Pessoal para WebDesigners</title>
		<link>http://florbraz.com/blog/2010/04/06/marketing-pessoal-para-webdesigners/</link>
		<comments>http://florbraz.com/blog/2010/04/06/marketing-pessoal-para-webdesigners/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 17:17:22 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[florbraz]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=146</guid>
		<description><![CDATA[&#8220;Não importa o quão bom você é. O que importa é o quão bom você é em mostrar isso!&#8221;
Essa frase representa muito bem o básico do marketing pessoal, personal branding, auto-propaganda, ou seja lá como você queira chamar. Como um designer, cujo trabalho é ser criativo, suas estratégias de marketing pessoal devem ser igualmente criativas. [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8220;Não importa o quão bom você é. O que importa é o quão bom você é em mostrar isso!&#8221;</em><br />
Essa frase representa muito bem o básico do marketing pessoal, personal branding, auto-propaganda, ou seja lá como você queira chamar. Como um designer, cujo trabalho é ser criativo, suas estratégias de marketing pessoal devem ser igualmente criativas. Portanto, aí vão algumas idéias:</p>
<ol>
<li>
<h3>O nome diz tudo:</h3>
<p>A maior parte dos designers gráficos / webdesigners usam seu próprio nome como marca. Ao invés de ter um website chamado &#8220;Sites Bonitos e Funcionais&#8221;, que tal dar a ele o nome mais importante da sua vida: o seu próprio. Fazendo isso, à medida em que você desenvolve trabalhos de qualidade, seu nome vai ganhando mais e mais respeito no seu nicho. E, é isso o que queremos.
</li>
<li>
<h3>Porque ser autêntico é o caminho:</h3>
<p>Quando fala-se &#8216;autêntico&#8217;, quero dizer que você precisa honrar a essência de como você realmente é, e aderir a isso. O resultado será que seu trabalho vai refletir sua personalidade, caráter, valores, ambições, visão, etc. Enquanto em outras áreas você poderia se dar bem mesmo com falsas honras, isso é meio impossível de se fazer quando se trata de design gráfico. Você não não pode fingir criatividade, ou manipular isso de forma que seja substituível por outra coisa.  É uma idéia bacana focar o seu marketing em até 3 valores baseados na definição sua personalidade. Aí você pergunta: &#8220;E se meu branding autêntico não for apelativo para meu nicho do mercado?&#8221; E a resposta seria algo como: &#8220;Você escolheu o nicho errado. Mude-o!&#8221;
</li>
<li>
<h3>Quantidade vs. qualidade:</h3>
<p>Muitas vezes, designers, especialmente iniciantes, caem na besteira de pegar trocentos projetos, esperando criar um portfólio rico e versátil o mais rápido possível. Isso é um erro, pois você vai estar gastando energia e, com toda a pressão das entregas, vai acabar entregando trabalhos meia-boca. Uma das consequências mais óbvias nisso é que seus clientes acabarão ficando &#8220;mais ou menos&#8221; satisfeitos e você vai ter um portfólio &#8220;mais ou menos&#8221;. Sim, você tem um portfólio em 2 meses. Mas ele é meia-boca. Quão bom isso é? Seria melhor você dar total atenção a no máximo dois projetos de cada vez e fazer um trabalho excepcional. Sim, isso vai fazer você demorar mais tempo para construir seu portfólio, mas de uma forma muito mais efetiva. Melhor ainda, seus clientes satisfeitíssimos muito provavelmente procurarão seus serviços novamente e acabarão fazendo propaganda por você. Yay!
</li>
<li>
<h3>Consistência é a palavra-chave</h3>
<p>Para se destacar nesse meio, você precisa se mostrar um web designer apaixonado pelo que faz e entregar trabalhos de qualidade, de forma consistente. Em outras palavras, você precisa sempre estar entregando  ótimos trabalhos ligados a seu nome. Nunca comprometa a qualidade do seu trabalho. Se o seu trabalho é desvalorizado, o seu nome, sua marca, também.</p>
<p>Além disso, você tem que ser consistente, estabelecendo sua marca. Por exemplo, uma boa idéia é usar sempre o mesmo avatar / perfil, assim, em qualquer parte da internet, ao bater os olhos, as pessoas saberão que você é você. Outra coisa legal, é usar uma foto (ou ilustração) sua, o que fica mais pessoal, e, mesmo que você mude seu logo infinitas vezes, sua imagem ainda será aquela. (A menos que você seja atropelado por um caminhão e passe por 35 cirurgias de reconstrução facial, rs)
</li>
<li>
<h3>Visibilidade sem drama:</h3>
<p>Aqui vão algumas idéias para dar mais visibilidade ao seu nome e trabalho, sem muito esforço:</p>
<p>- Contribua com matérias para blogs bem-cotados (e com muitos acessos) sobre webdesign, de preferência na sua língua.</p>
<p>- Comente em posts relevantes no seu nicho, dando sua opinião, concordando, discordando, bota a boca no mundo.</p>
<p>- Apresente-se para mais pessoas da sua área. Conheça os bons, e faça-se conhecer também.</p>
<p>- Interaja com possíveis clientes e co-workers em redes sociais</p>
<p>- Exercite o altruísmo. Pode ser fazendo tutoriais online, pode ser ensinando um amigo, pode ser oferecendo seu serviço para uma organização ou causa que você apóia.
</li>
</ol>
<p> </p>
<p>E vocês, o que acham? Mais idéias sobre como melhorar o seu marketing pessoal?</p>
<p> </p>
<p>Essa é uma tradução livre do artigo de <a href="http://www.davykestens.be/">Davy Kestens</a> para a WebDesignLedger &#8211; <a href="http://webdesignledger.com/tips/personal-branding-for-web-designers">Personal Branding for Web Designers</a></p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/04/06/marketing-pessoal-para-webdesigners/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Sombra &#8211; Lancôme Romantic Lily</title>
		<link>http://florbraz.com/blog/2010/04/06/sombra-lancome-romantic-lily/</link>
		<comments>http://florbraz.com/blog/2010/04/06/sombra-lancome-romantic-lily/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 12:23:28 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Menininha]]></category>
		<category><![CDATA[beleza]]></category>
		<category><![CDATA[make]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=138</guid>
		<description><![CDATA[Estou estreando hoje a Romantic Lily da Lancôme que minha amiga Caroletta me deu de aniversário.
Confesso que fiquei meio com medo da cor de apagar no meu rosto, já que sou clara e meu cabelo mais ainda. :9
E confesso também que me surpreendi com esse verde clarinho simpático que está no meu rosto. Acho digno, [...]]]></description>
			<content:encoded><![CDATA[<p>Estou estreando hoje a Romantic Lily da Lancôme que minha amiga Caroletta me deu de aniversário.<br />
Confesso que fiquei meio com medo da cor de apagar no meu rosto, já que sou clara e meu cabelo mais ainda. :9</p>
<p>E confesso também que me surpreendi com esse verde clarinho simpático que está no meu rosto. Acho digno, para um dia frio e chuvoso!</p>
<p>Sem mais delongas, aí vai a foto da sombrinha.</p>
<p><em><strong>Lancôme Romantic Lily &#8211; 701 [CC178]</strong></em></p>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/04/lancome-verde1.jpg" alt="Sombra &#8211; Lancôme Romantic Lily" title="Sombra &#8211; Lancôme Romantic Lily" width="500" height="167" class="alignnone size-full wp-image-143" /></p>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/04/lancome-verde.jpg" alt="Lancôme Romantic Lily - 701 [CC178]" title="Lancôme Romantic Lily - 701 [CC178]" width="500" height="374" class="alignnone size-full wp-image-139" /></p>
<p>E aí, o que acharam?</p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/04/06/sombra-lancome-romantic-lily/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sombras neon Audrei Casatti</title>
		<link>http://florbraz.com/blog/2010/03/30/sombras-neon-audrei-casatti/</link>
		<comments>http://florbraz.com/blog/2010/03/30/sombras-neon-audrei-casatti/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 12:04:38 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Menininha]]></category>
		<category><![CDATA[beleza]]></category>
		<category><![CDATA[make]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=126</guid>
		<description><![CDATA[Bom, bonito e barato. Definitivamente é o melhor veredicto pras sombras da Audrei Casatti.
Comprei através de uma amiga sem dar muito crédito, afinal, era baratinho e se ficasse ruim tudo bem, o prejuízo não era grande.
Como me enganei. As sombras têm uma fixação super legal e, pelo menos as neon, que foram as que eu [...]]]></description>
			<content:encoded><![CDATA[<p>Bom, bonito e barato. Definitivamente é o melhor veredicto pras sombras da Audrei Casatti.<br />
Comprei através de uma amiga sem dar muito crédito, afinal, era baratinho e se ficasse ruim tudo bem, o prejuízo não era grande.<br />
Como me enganei. As sombras têm uma fixação super legal e, pelo menos as neon, que foram as que eu comprei, batem muita sombra que custa umas 10x o preço <img src='http://florbraz.com/blog/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>Comprei laranja, amarelo, rosa, azul e roxo. Dessas, só a roxa que não é neon, mas também é puro loosho!<br />
<img class="alignnone size-full wp-image-127" title="sombras neon audrei casatti" src="http://florbraz.com/blog/wp-content/uploads/2010/03/audrei.jpg" alt="sombras neon audrei casatti" width="500" height="416" /></p>
<p>Aí, lá fui eu testar, várias de uma vez de preferência, né? hahah Essa make foi feita com as cores amarelo, laranja e rosa neon:<br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/03/audrei-casatti-rosa-amarelo.jpg" alt="Make rosa e amarela com sombras Audrei Casatti" title="Make rosa e amarela com sombras Audrei Casatti" width="500" height="346" class="alignnone size-full wp-image-132" /></p>
<p>Daíííí, fui belíssima pro rolê e se liguem no que acontece num lugar escuro e com bastante luz negra!<br />
<img src="http://florbraz.com/blog/wp-content/uploads/2010/03/audrei1.jpg" alt="Sombras neon brilham no escuro" title="Sombras neon brilham no escuro" width="500" height="403" class="alignnone size-full wp-image-128" /></p>
<p>A parada brilha na luz negra, tipo, demais, me choquei até quando vi. E nem achei que brilhava, quando comprei, ou seja, mais legal ainda! <img src='http://florbraz.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>A Audrei ainda não está com a loja pronta, mas você pode comprar com ela por e-mail, no <em><strong>audreicasatti@hotmail.com</strong></em></p>
<p>À medida que eu for fazendo makes com as cores vou postando aqui!</p>
<p>Hoje (30/03) Foi dia de testar a azul neon, linda também! <em><strong>EDIT:</strong></em> Essa foi a sombra que mais pecou na fixação, das que provei. Mas acho que um fixador de smbra já resolve o problema&#8230;<br />
<a href="http://florbraz.com/blog/wp-content/uploads/2010/03/audrei-casatti-azul.jpg" rel="lightbox[126]"><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/audrei-casatti-azul.jpg" alt="Make azul com sombras Audrei Casatti" title="Make azul com sombras Audrei Casatti" width="500" height="514" class="alignnone size-full wp-image-134" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/03/30/sombras-neon-audrei-casatti/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Novas features do jQuery 1.8 que os designers vão AMAR!</title>
		<link>http://florbraz.com/blog/2010/03/24/novas-features-do-jquery-1-8-que-os-designers-vao-amar/</link>
		<comments>http://florbraz.com/blog/2010/03/24/novas-features-do-jquery-1-8-que-os-designers-vao-amar/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 14:19:35 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Desenvolvimento Front-End]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=121</guid>
		<description><![CDATA[A versão 1.8 do jQuery chega mais leve e mais equipada que nunca. Dentre as muitas features bacanas que foram implementadas, como a Widget factory (para facilitar a criação e uso extendido de widgets) e o AutoComplete, destaco duas features que me chamaram a atenção principalmente por resolverem &#8220;problemas&#8221; ou &#8220;complicações&#8221; no design de interfaces.


Posicionamento [...]]]></description>
			<content:encoded><![CDATA[<p>A versão 1.8 do jQuery chega mais leve e mais equipada que nunca. Dentre as muitas features bacanas que foram implementadas, como a Widget factory (para facilitar a criação e uso extendido de widgets) e o AutoComplete, destaco duas features que me chamaram a atenção principalmente por resolverem &#8220;problemas&#8221; ou &#8220;complicações&#8221; no design de interfaces.</p>
<ol>
<li>
<h3>Posicionamento sem dor de cabeça</h3>
<p>Agora você pode posicionar elementos relativos a qualquer outro elemento, à janela do browser ou até mesmo ao cursor/mouse. Para programadores de interface, isso é especialmente útil, já que elimina quilos de css utilizado para, por exemplo, centralizar verticalmente uma janela ou tooltip.<br />
<a href="http://jqueryui.com/demos/position/">Veja a demonstração da feature Position</a>
</li>
<li>
<h3>Selects, Checkboxes, Radios e Submits mais bonitos e funcionais</h3>
<p>Muito útil e, com certeza, será aclamado pelos designers &#8211; agora você pode criar submits, radios, checkboxes e selects sem muita dificuldade. O código, além disso, é super simples de implementar: </p>
<p><code><strong><em>$("button").button();</em></strong></code></p>
<p><a href="http://jqueryui.com/demos/button/">Veja a demonstração da feature Button</a>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/03/24/novas-features-do-jquery-1-8-que-os-designers-vao-amar/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>10 crimes de usabilidade que você não deve cometer</title>
		<link>http://florbraz.com/blog/2010/03/19/10-crimes-de-usabilidade-que-voce-nao-deve-cometer/</link>
		<comments>http://florbraz.com/blog/2010/03/19/10-crimes-de-usabilidade-que-voce-nao-deve-cometer/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 16:05:24 +0000</pubDate>
		<dc:creator>florbraz</dc:creator>
				<category><![CDATA[Desenvolvimento Front-End]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[usabilidade]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://florbraz.com/blog/?p=103</guid>
		<description><![CDATA[Ao longo do tempo, algumas convenções vão sendo definidas no &#8216;mundo da web&#8217; procurando otimizar a forma de navegar por um site, tanto em seu processo criativo, quanto no código. Separei alguns dos mais interessantes (ou mais esquecidos rs) aqui, dando uma solução para melhorar a usabilidade do seu site.
Crime 1 &#8211; Labels não associados [...]]]></description>
			<content:encoded><![CDATA[<p>Ao longo do tempo, algumas convenções vão sendo definidas no &#8216;mundo da web&#8217; procurando otimizar a forma de navegar por um site, tanto em seu processo criativo, quanto no código. Separei alguns dos mais interessantes (ou mais esquecidos rs) aqui, dando uma solução para melhorar a usabilidade do seu site.</p>
<h3>Crime 1 &#8211; Labels não associados aos seus devidos inputs</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/01.png" alt="Crime 1- Crime 1 - Labels não associados aos seus devidos inputs" title="Crime 1 - Crime 1 - Labels não associados aos seus devidos inputs" width="500" height="200" class="alignnone size-full wp-image-104" /></p>
<p>Usar o atributo &#8216;for&#8217; permite que o usuário clique no label (ou seja, na descrição) de um input para selecioná-lo. Isso é mais importante ainda quando se tratam de checkboxes e radio buttons, pois você está deixando o usuário com uma área clicável maior, mas de qualquer forma, é uma boa usar em tudo.</p>
<p>____</p>
<h3>Crime 2 &#8211; O logo não tem um link para a home do site</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/02.png" alt="Crime 2 - O logo não tem um link para a home do site" title="Crime 2 - O logo não tem um link para a home do site" width="500" height="200" class="alignnone size-full wp-image-106" /></p>
<p>Clicar no logo para voltar pra home do site já virou lugar comum para a maior parte dos usuários. Também vale mencionar que eles esperam que o logo esteja no topo, á esquerda.</p>
<p>____</p>
<h3>Crime 3 &#8211; Não especificar um estilo para os links visitados</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/03.png" alt="Crime 3 - Não especificar um estilo para os links visitados" title="Crime 3 - Não especificar um estilo para os links visitados" width="500" height="200" class="alignnone size-full wp-image-107" /></p>
<p>Uma das coisas mais esquecidas em termos de usabilidade é ter um estilo para os links visitados. É útil principalmente em grandes portais, onde a navegação pode acabar se tornando confusa.</p>
<p>____</p>
<h3>Crime 4 &#8211; Não indicar qual campo está ativo no form</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/04.png" alt="Crime 4 - Não indicar qual campo está ativo no form" title="Crime 4 - Não indicar qual campo está ativo no form" width="500" height="300" class="alignnone size-full wp-image-110" /></p>
<p>Você pode usar o seletor &#8216;:focus&#8217; em vários elementos, mas ele é super útil quando usado em inputs e textareas, para indicar que aquele é o campo ativo. Estilize, colocando uma borda que chame mais a atenção, ou uma cor de fundo ligeiramente diferente.</p>
<p>____</p>
<h3>Crime 05 &#8211; Imagem sem descrição alternativa (alt=&#8221;")</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/05.png" alt="Crime 05 - Imagem sem descrição alternativa (alt=&quot;&quot;)" title="Crime 05 - Imagem sem descrição alternativa (alt="")" width="500" height="300" class="alignnone size-full wp-image-111" /></p>
<p>Aqui entramos um pouco na área de acessibilidade, mas ainda assim é uma consideração importante. Lembre-se sempre de colocar uma boa descrição alternativa para suas imagens, a menos que elas não tenham a ver com o contexto e só estejam sendo usadas para fins decorativos (onde você deve usar um alt vazio, alt=&#8221;", para não cometer erros de validação). Quando a imagem é um link, coloque no alt uma descrição de para aonde o link vai.</p>
<p>_____</p>
<h3>Crime 6 &#8211; Imagem de fundo sem cor de fundo</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/06.png" alt="Crime 6 - Imagem de fundo sem cor de fundo" title="Crime 6 - Imagem de fundo sem cor de fundo" width="500" height="231" class="alignnone size-full wp-image-112" /></p>
<p>É comum utilizar-se de imagens de fundo atrás de passagens de texto, mas vale lembrar que se o usuário desabilitar as imagens, precisará estar definida uma cor de fundo parecida com a cor da imagem, assim o texto não se tornará ilegível.</p>
<p>____</p>
<h3>Crime 7 &#8211; Texto longo, entediante, sem títulos ou tópicos</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/07.png" alt="Crime 7 - Texto longo, entediante, sem títulos ou tópicos" title="Crime 7 - Texto longo, entediante, sem títulos ou tópicos" width="500" height="400" class="alignnone size-full wp-image-113" /></p>
<p>Não tem nada mais brochante que chegar em um site e dar de cara com passagens de texto longas. Quebre o conteúdo com imagens, títulos, tópicos e seções, isso faz com que o usuário bata o olho e tenha interesse em saber o que está escrito.</p>
<p>____</p>
<h3>Crime 8 &#8211; Texto sublinhado e não é um link</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/08.png" alt="Crime 8 - Texto sublinhado e não é um link" title="Crime 8 - Texto sublinhado e não é um link" width="500" height="195" class="alignnone size-full wp-image-115" /></p>
<p>Todo mundo tem em mente que se um texto está com underline, ou de uma cor diferente do resto do texto, é provavelmente um link.  Não confunda as pessoas jogando palavras com underline apenas para chamar atenção, para isso, use negrito &#8217;strong&#8217; ou ênfase &#8216;em&#8217;.</p>
<p>____</p>
<h3>Crime 9 &#8211; &#8220;Clique aqui&#8221; e veja algo muito legal</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/09.png" alt="Crime 9 - &quot;Clique aqui&quot; e veja algo muito legal" title="Crime 9 - &quot;Clique aqui&quot; e veja algo muito legal" width="500" height="286" class="alignnone size-full wp-image-116" /></p>
<p>A expressão &#8220;clique aqui&#8221; está aí desde o advento da internet, mas foi &#8216;caindo em desuso&#8217; em lugar de chamadas mais usáveis e que dão ao usuário uma noção de para onde ele está indo. Quando você usa o &#8220;Clique aqui&#8221;, você está obrigando o usuário a ler a frase inteira para saber do que diabos você está falando.</p>
<p>____</p>
<h3>Crime 10 &#8211; Usar texto justificado (eu cometo :$)</h3>
<p><img src="http://florbraz.com/blog/wp-content/uploads/2010/03/10.png" alt="Crime 10 - Usar texto justificado" title="Crime 10 - Usar texto justificado" width="500" height="263" class="alignnone size-full wp-image-117" /></p>
<p>Essa é outra dica com um pézinho mais fundo na acessibilidade e também importante de se considerar. Texto justificado pode parecer mais geométrico e bonito, mas pode gerar problemas de legibilidade, principalmente para usuários disléxicos, que podem  não conseguir distinguir onde termina uma palavra e começa outra, graças aos espaçamentos inconstantes dessa forma de alinhamento.</p>
<p>____</p>
<p>Esse artigo é uma tradução livre desse artigo aqui: <a href="http://line25.com/articles/10-usability-crimes-you-really-shouldnt-commit"> &#8220;10 Usability Crimes You Really Shouldn’t Commit&#8221; </a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://florbraz.com/blog/2010/03/19/10-crimes-de-usabilidade-que-voce-nao-deve-cometer/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

