<?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>Ponto Nulo &#187; Desenvolvimento</title>
	<atom:link href="http://www.pontonulo.com/category/desenvolvimento/feed" rel="self" type="application/rss+xml" />
	<link>http://www.pontonulo.com</link>
	<description>O ponto inicial para a alta tecnologia, informação de qualidade e entretenimento. Porque tudo tem seu ponto de vista.</description>
	<lastBuildDate>Tue, 31 Jan 2012 18:14:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>GuessWhat!</title>
		<link>http://www.pontonulo.com/software/guesswhat.html</link>
		<comments>http://www.pontonulo.com/software/guesswhat.html#comments</comments>
		<pubDate>Thu, 17 Feb 2011 13:27:05 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[celulares]]></category>
		<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[Tendências]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=2099</guid>
		<description><![CDATA[GuessWhat! &#201; uma aplica&#231;&#227;o para predizer o sexo do beb&#234;. Seu beb&#234; ser&#225; um menino ou uma menina? O GuessWhat! Baseia-se no calend&#225;rio lunar da gravidez e &#233; fornecido apenas para fins de entretenimento.&#160;O link no Android Market &#233; esse: http://goo.gl/hiFjR Este antigo calend&#225;rio lunar da gravidez foi supostamente descoberto por um cientista chin&#234;s cerca [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img align="left" alt="" height="50" src="http://www.pontonulo.com/wp-content/uploads/baby-512x512px-verde.png" style="margin: 0pt 5px 5px 0pt; float: left;" width="50" /> <strong>GuessWhat</strong>! &Eacute; uma aplica&ccedil;&atilde;o para predizer o sexo do beb&ecirc;.<br />
	Seu beb&ecirc; ser&aacute; um menino ou uma menina?</p>
<p style="text-align: justify;">O <strong>GuessWhat</strong>! Baseia-se no calend&aacute;rio lunar da gravidez e &eacute; fornecido apenas para fins de entretenimento.&nbsp;O link no <a href="http://www.pontonulo.com/category/google/android-google">Android</a> Market &eacute; esse: <a class="moz-txt-link-freetext" href="http://goo.gl/hiFjR" target="_blank">http://goo.gl/hiFjR</a></p>
<p style="text-align: center;"><img align="middle" alt="" height="480" src="http://www.pontonulo.com/wp-content/uploads/main.png" style="border: 2px solid rgb(255, 255, 255);" width="320" /></p>
<p style="text-align: justify;">Este antigo calend&aacute;rio lunar da gravidez foi supostamente descoberto por um cientista chin&ecirc;s cerca de 700 anos atr&aacute;s, em uma tumba perto de Pequim. Este calend&aacute;rio tem sido usado para prever o sexo de um feto com base na idade da m&atilde;e e o m&ecirc;s da concep&ccedil;&atilde;o. A utiliza&ccedil;&atilde;o deste calend&aacute;rio somente &eacute; v&aacute;lido se a idade da m&atilde;e for entre 18 e 42 anos no momento da concep&ccedil;&atilde;o.</p>
<p style="text-align: center;"><img align="middle" alt="" border="" height="480" src="http://www.pontonulo.com/wp-content/uploads/result.png" style="border: 2px solid rgb(255, 255, 255);" width="320" /></p>
<p style="text-align: justify;">Algumas fontes dizem que esse calend&aacute;rio lunar da gravidez possui 93% de precis&atilde;o e alguns outros relatos sugerem uma precis&atilde;o de 50/50. Experimente e veja se ele funciona para os seus filhos. Tente-o para outras crian&ccedil;as.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/software/guesswhat.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>ViewExpiredException e JSF 1.2 &#8211; Solução definitiva</title>
		<link>http://www.pontonulo.com/desenvolvimento/viewexpiredexception-e-jsf-1-2-solucao-definitiva.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/viewexpiredexception-e-jsf-1-2-solucao-definitiva.html#comments</comments>
		<pubDate>Fri, 22 Oct 2010 15:22:34 +0000</pubDate>
		<dc:creator>Rômulo Augusto</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[BUILD_BEFORE_RESTORE]]></category>
		<category><![CDATA[Facelets]]></category>
		<category><![CDATA[JSF 1.2]]></category>
		<category><![CDATA[JSF Session Timeout]]></category>
		<category><![CDATA[Richfaces]]></category>
		<category><![CDATA[ViewExpiredException]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=1999</guid>
		<description><![CDATA[Esse &#233; um post de utilidade p&#250;blica! Finalmente, uma solu&#231;&#227;o definitiva para o problema do ViewExpiredException pra quem usa &#160;JSF 1.2. Vou contar o que aconteceu comigo esses dias&#8230; Num projeto novo que estou fazendo com uns colegas, estamos usando JSF 1.2, Facelets 1.1.14 e RichFaces 3.3.3. No primeiro momento, t&#237;nhamos uma tela que colocava [...]]]></description>
			<content:encoded><![CDATA[<p>Esse &eacute; um post de utilidade p&uacute;blica! Finalmente, uma solu&ccedil;&atilde;o definitiva para o problema do <strong>ViewExpiredException </strong>pra quem usa &nbsp;JSF 1.2.</p>
<p>Vou contar o que aconteceu comigo esses dias&#8230; Num projeto novo que estou fazendo com uns colegas, estamos usando <strong>JSF 1.2</strong>, <strong>Facelets 1.1.14</strong> e <strong>RichFaces 3.3.3</strong>. No primeiro momento, t&iacute;nhamos uma tela que colocava um dado na sess&atilde;o e, ap&oacute;s a sess&atilde;o expirar&#8230; adivinha:&nbsp;ViewExpiredException!!!</p>
<p>Normal at&eacute; a&iacute;, todo mundo j&aacute; sabe que isso ocorre mesmo. A solu&ccedil;&atilde;o foi implementar um PhaseListener com base no post desse cara: <a href="http://iamajavadeveloper.blogspot.com/2009/09/jsf-sesion-timeout-handling.html" target="_blank">JSF Session Timeout Handling</a>.</p>
<p>Resolvido o problema da sess&atilde;o! Por&eacute;m, me deparo com outro problema, esse agora ainda com a sess&atilde;o <strong>ativa</strong>, e adivinhem novamente&#8230;&nbsp;ViewExpiredException!!!</p>
<p>Depois de pesquisar o Google inteiro sobre o ocorrido, me deparei com o um par&acirc;metro m&aacute;gico do Facelets:&nbsp;<strong>facelets.BUILD_BEFORE_RESTORE</strong>. Simples, configura pra &quot;true&quot; e t&aacute; tudo certo, o problema desaparece.</p>
<p>Realmente desaparece, mas outros aparecem, agora com o RichFaces (<a href="http://www.jtraining.com/blogs/faceletsbuild-before-restore-will-eat-your-richfaces.html" target="_blank">Build Before Restore Will Eat Your RichFaces</a>).</p>
<p>Resumindo, tive que abrir a classe <strong>FaceletViewHandler </strong>pra saber o que tava havendo, at&eacute; que cheguei &agrave; solu&ccedil;&atilde;o:</p>
<p>Criei uma nova classe, herdando de&nbsp;FaceletViewHandler, que sobrescreve o m&eacute;todo <strong>createView</strong>. Confiram abaixo:</p>
<p>&nbsp;</p>
<pre>/**
  *
  * <code>ViewHandler</code> que previne o problema de
  * <code>ViewExpiredException</code> para os casos onde a sess&atilde;o
  * ainda est&aacute; ativa.
  *
  * Basicamente utiliza o <code>ViewHandler</code> &quot;pai&quot;
  * para restaurar a view. Caso ele n&atilde;o consiga
  * (<code>UIViewRoot == null</code>), recria a view.
  *
  * @author <a href="mailto:romulomail@gmail.com">R&ocirc;mulo Augusto</a>
  */
public class PreventViewExpiredViewHandler extends FaceletViewHandler {

	private ViewHandler parent;

	public PreventViewExpiredViewHandler(ViewHandler parent) {
		super(parent);

		this.parent = parent;
	}

	@Override
	public UIViewRoot createView(FacesContext context, String viewId) {

		UIViewRoot viewRoot = this.parent.restoreView(context, viewId);

		if (viewRoot == null) {
			viewRoot = super.createView(context, viewId);
		}

		return viewRoot;
	}
}
</pre>
<p>&nbsp;</p>
<h3>Resum&atilde;o pra concluir:</h3>
<ol>
<li>Coloque o par&acirc;metro&nbsp;<strong>facelets.BUILD_BEFORE_RESTORE </strong>no web.xml como true;</li>
<li><a href="http://iamajavadeveloper.blogspot.com/2009/09/jsf-sesion-timeout-handling.html" target="_blank">Use um PhaseListener</a> para o caso de session timeout;</li>
<li>Use a classe&nbsp;<span class="Apple-style-span" style="font-family: monospace; white-space: pre; ">PreventViewExpiredViewHandler</span>&nbsp;para os outros casos.</li>
</ol>
<p>No caso do session timeout, &eacute; poss&iacute;vel redirecionar para uma p&aacute;gina espec&iacute;fica ou at&eacute;m mesmo se manter na mesma p&aacute;gina e mostrar uma mensagem (e foi assim que eu fiz).</p>
<p>A classe&nbsp;<span class="Apple-style-span" style="font-family: monospace; white-space: pre; ">PreventViewExpiredViewHandler</span>&nbsp;&nbsp;apenas recria a view caso sua restaura&ccedil;&atilde;o n&atilde;o tenha sido poss&iacute;vel. Usa o mesmo m&eacute;todo da superclasse,&nbsp;<span class="Apple-style-span" style="font-family: monospace; white-space: pre; ">FaceletViewHandler</span>.</p>
<p>*Fiquem &agrave; vontade pra copiar, s&oacute; lembrem de deixar os cr&eacute;ditos! Valeu!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/viewexpiredexception-e-jsf-1-2-solucao-definitiva.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>Os Melhores do ano 2009</title>
		<link>http://www.pontonulo.com/microsoft/windows/os-melhores-do-ano-2009.html</link>
		<comments>http://www.pontonulo.com/microsoft/windows/os-melhores-do-ano-2009.html#comments</comments>
		<pubDate>Thu, 07 Jan 2010 18:15:08 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Consoles]]></category>
		<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Jogos]]></category>
		<category><![CDATA[PS3]]></category>
		<category><![CDATA[PSP]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tendências]]></category>
		<category><![CDATA[WII]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Xbox 360]]></category>
		<category><![CDATA[celulares]]></category>
		<category><![CDATA[desenvolvimento agil]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[games on demand]]></category>
		<category><![CDATA[HTC]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[jogar no trabalho]]></category>
		<category><![CDATA[jogos online]]></category>
		<category><![CDATA[left4dead]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[mobilidade]]></category>
		<category><![CDATA[nintendo]]></category>
		<category><![CDATA[nokia]]></category>
		<category><![CDATA[ps3 slim]]></category>
		<category><![CDATA[samsung]]></category>
		<category><![CDATA[software livre]]></category>
		<category><![CDATA[sony]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[xbox 360]]></category>
		<category><![CDATA[xbox live]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=1179</guid>
		<description><![CDATA[O ano de 2009 passou e podemos dizer que foi uma ano cheio de novidades. Neste post destacamos aqueles que, para n&#243;s, foram os melhores! SMARTPHONE: 1&#186; &#8211; Iphone 3GS; 2&#186; &#8211; HTC Hero; 3&#186; &#8211; Samsung s8000 Jet. CELULAR: Sony Ericsson c903 NOTEBOOK: 1&#186; &#8211; Alienware M17; 2&#186; &#8211; MacBook Pro Aluminium 15&#39;. NETBOOK: [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">O ano de 2009 passou e podemos dizer que foi uma ano cheio de novidades. Neste post destacamos aqueles que, para n&oacute;s, foram os melhores!</p>
<p><strong>SMARTPHONE:<br />
	</strong></p>
<p style="text-align: center;"><strong><img alt="" height="303" src="http://www.pontonulo.com/wp-content/uploads/iphone3gs.jpg" width="500" /></strong></p>
<p><strong>1&ordm; &#8211; Iphone 3GS;</strong><br />
	2&ordm; &#8211; HTC Hero;<br />
	3&ordm; &#8211; Samsung s8000 Jet.</p>
<hr />
<p><strong>CELULAR:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="605" src="http://www.pontonulo.com/wp-content/uploads/c903_laquer_black.jpg" width="500" /></p>
<p><strong>Sony Ericsson c903<span id="more-1179"></span></strong></p>
<hr />
<p><strong>NOTEBOOK:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="381" src="http://www.pontonulo.com/wp-content/uploads/AlienwareM17x_bk_1530rf115.jpg" width="500" /></p>
<p><strong>1&ordm; &#8211; Alienware M17;</strong><br />
	2&ordm; &#8211; MacBook Pro Aluminium 15&#39;.</p>
<hr />
<p><strong>NETBOOK:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="302" src="http://www.pontonulo.com/wp-content/uploads/sony_laptops_vgnp588er_lg.jpg" width="500" /></p>
<p><strong>Sony VAIO P Series Lifestyle PC</strong></p>
<hr />
<p><strong>DESKTOP:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="742" src="http://www.pontonulo.com/wp-content/uploads/03-imac01.jpg" width="500" /></p>
<p><strong>iMac 24&#39;<br />
	</strong></p>
<hr />
<p><strong>CONSOLE:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="514" src="http://www.pontonulo.com/wp-content/uploads/05-13xbox_360.jpg" width="500" /></p>
<p><strong>1&ordm; &#8211; XBOX 360;</strong><br />
	2&ordm; &#8211; PS3;<br />
	3&ordm; &#8211; Nintendo Wii.</p>
<hr />
<p><strong>SITE (qualquer tipo):<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="317" src="http://www.pontonulo.com/wp-content/uploads/twitter.jpg" width="500" /></p>
<p><strong>Twitter<br />
	</strong></p>
<hr />
<p><strong>MONITOR:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="430" src="http://www.pontonulo.com/wp-content/uploads/HPL2245.jpg" width="500" /></p>
<p><strong>HP L2245wg 22&#39;<br />
	</strong></p>
<hr />
<p><strong>TV:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="407" src="http://www.pontonulo.com/wp-content/uploads/samsung_7000.jpg" width="500" /></p>
<p><strong>Samsung LED 7100<br />
	</strong></p>
<hr />
<p><strong>JOGO PARA PC:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="319" src="http://www.pontonulo.com/wp-content/uploads/Call-of-Duty-Modern-Warfare-2-a.jpg" width="500" /></p>
<p><strong>1&ordm; &#8211; Call of Duty Modern Warfare 2;</strong><br />
	2&ordm; &#8211; Left 4 Dead 2;<br />
	3&ordm; &#8211; Grand Theft Auto 4.</p>
<hr />
<p><strong>JOGO PARA XBOX 360:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="250" src="http://www.pontonulo.com/wp-content/uploads/left4dead2.jpg" width="500" /></p>
<p><strong>1&ordm; &#8211; Left 4 Dead 2;</strong><br />
	2&ordm; &#8211; Call of Duty Modern Warfare 2;<br />
	3&ordm; &#8211; Batman Arkham Asylum.</p>
<hr />
<p><strong>JOGO PARA PS3:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="312" src="http://www.pontonulo.com/wp-content/uploads/cod4.jpg" width="500" /></p>
<p><strong>1&ordm; &#8211; Call of Duty Modern Warfare 2;</strong><br />
	2&ordm; &#8211; Batman Arkham Asylum;<br />
	3&ordm; &#8211; Resident Evil 5.</p>
<hr />
<p><strong>JOGO PARA PSP:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="525" src="http://www.pontonulo.com/wp-content/uploads/grand-thef-auto-china-wars.jpg" width="500" /></p>
<p><strong>Grand Theft Auto &#8211; Chinatown Wars<br />
	</strong></p>
<hr />
<p><strong>SISTEMA OPERACIONAL:<br />
	</strong></p>
<p style="text-align: center;"><strong><img alt="" height="400" src="http://www.pontonulo.com/wp-content/uploads/windows7.jpg" width="500" /></strong></p>
<p><strong>1&ordm; &#8211; Windows 7</strong>;<br />
	2&ordm; &#8211; Mac OS X Snow Leopard;<br />
	3&ordm; &#8211; Ubuntu 9.10.</p>
<hr />
<p><strong>GADGET:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="303" src="http://www.pontonulo.com/wp-content/uploads/iphone3gs.jpg" width="500" /></p>
<p>1&ordm; &#8211; iPhone 3GS;<br />
	2&ordm; &#8211; PSP;<br />
	3&ordm; &#8211; Samsung LED 7100.</p>
<hr />
<p><strong>SOFTWARE:<br />
	</strong></p>
<p style="text-align: center; "><img alt="" height="29" src="http://www.pontonulo.com/wp-content/uploads/hootsuit.png" width="186" /></p>
<p><strong>hootsuite<br />
	</strong></p>
<hr />
<p><strong>EMPRESA:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="247" src="http://www.pontonulo.com/wp-content/uploads/google.jpg" width="500" /></p>
<p><strong>Google<br />
	</strong></p>
<hr />
<p><strong>DESENVOLVIMENTO:<br />
	</strong></p>
<p style="text-align: center; "><img alt="" height="57" src="http://www.pontonulo.com/wp-content/uploads/spring3.png" width="187" /></p>
<p><strong>Spring 3.0<br />
	</strong></p>
<hr />
<p><strong>PERSONALIDADE:</strong></p>
<p style="text-align: center; "><img alt="Jack Dorsey" class="alignnone size-full wp-image-1214" height="450" src="http://www.pontonulo.com/wp-content/uploads/2010/01/Jack-Dorsey.jpg" title="Jack Dorsey" width="402" /></p>
<p><strong>Jack Dorsey (<a href="http://latimesblogs.latimes.com/technology/2009/12/square.html" target="_blank">Mais sobre ele&#8230;</a>)<br />
	</strong></p>
<hr />
<p><strong>O MELHOR DOS MELHORES:<br />
	</strong></p>
<p style="text-align: center;"><img alt="" height="514" src="http://www.pontonulo.com/wp-content/uploads/05-13xbox_360.jpg" width="500" /></p>
<p><strong>XBOX 360 e os upgrades de sua dashboard</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/microsoft/windows/os-melhores-do-ano-2009.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>LinguÁgil 2009</title>
		<link>http://www.pontonulo.com/desenvolvimento/linguagil-2009.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/linguagil-2009.html#comments</comments>
		<pubDate>Mon, 09 Nov 2009 17:32:57 +0000</pubDate>
		<dc:creator>Rômulo Augusto</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[agile]]></category>
		<category><![CDATA[liguagens de programação]]></category>
		<category><![CDATA[metodologias ágeis]]></category>
		<category><![CDATA[programação]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=966</guid>
		<description><![CDATA[A UNIME est&#225; promovendo a XII Semana de Inform&#225;tica do BSI e CST Unime e, junto com ela, os grupos&#160;AgileBahia, JavaBahia, PHPBahia e&#160;RailsBahia est&#227;o organizando um novo evento sobre linguagens de programa&#231;&#227;o e metodologias &#225;geis. No evento ter&#227;o palestras, mini-cursos e oficinas. Uma das oficinas que me chamou a aten&#231;&#227;o foi a Coding-Dojo* Lingu&#193;gil, onde [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">A UNIME est&aacute; promovendo a <a href="http://sites.google.com/site/unimexii" target="_blank">XII Semana de Inform&aacute;tica do BSI e CST Unime</a> e, junto com ela, os grupos&nbsp;<a href="http://br.groups.yahoo.com/group/agile-bahia" rel="nofollow" target="_blank">AgileBahia</a>, <a href="http://javabahia.blogspot.com/" target="_blank">JavaBahia</a>, <a href="http://www.phpba.com.br" rel="nofollow" target="_blank">PHPBahia</a> e&nbsp;<a href="http://bahiaonrails.blogspot.com/" target="_blank">RailsBahia</a> est&atilde;o organizando um novo evento sobre linguagens de programa&ccedil;&atilde;o e metodologias &aacute;geis.</p>
<p style="text-align: center;"><img alt="linguagil-banner500x91" class="aligncenter size-full wp-image-967" height="91" src="http://www.pontonulo.com/wp-content/uploads/2009/11/linguagil-banner500x91.jpg" title="linguagil-banner500x91" width="500" /></p>
<p style="text-align: justify;">No evento ter&atilde;o palestras, mini-cursos e oficinas. Uma das oficinas que me chamou a aten&ccedil;&atilde;o foi a <b>Coding-Dojo* Lingu&Aacute;gil</b>, onde os desenvolvedores ser&atilde;o desafiados a criar um algoritmo tendo que aplicar TDD e Pair Programming, colocando em pr&aacute;tica a teoria dos livros.</p>
<p style="text-align: justify;">Ent&atilde;o pra quem &eacute; da &aacute;rea e pode ir at&eacute; a Bahia ou pra quem t&aacute; chegando agora, n&atilde;o pode deixar de ir, porque, com certeza vai ser um evento muito bom pra ampliar os conhecimentos e se iniciar no ramo.</p>
<p style="text-align: center;"><img alt="programacao-linguagil" class="aligncenter size-full wp-image-968" height="234" src="http://www.pontonulo.com/wp-content/uploads/2009/11/programacao-linguagil.PNG" title="programacao-linguagil" width="500" /></p>
<p style="text-align: justify;">A programa&ccedil;&atilde;o completa voc&ecirc; pode ver <a href="http://sites.google.com/site/linguagil2009/programacao" target="_blank">AQUI</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/linguagil-2009.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>Tutorial de como colocar anúncios diferentes em cada página</title>
		<link>http://www.pontonulo.com/desenvolvimento/como-colocar-anuncios-diferentes-em-cada-pagina.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/como-colocar-anuncios-diferentes-em-cada-pagina.html#comments</comments>
		<pubDate>Wed, 26 Aug 2009 14:30:15 +0000</pubDate>
		<dc:creator>Rômulo Augusto</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[anuncios]]></category>
		<category><![CDATA[campos personalizados]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=529</guid>
		<description><![CDATA[J&#225; vi uma galerinha querendo gerenciar melhor os an&#250;ncios nos seus blogs, uns porque n&#227;o querem que o Google puna por estarem colocando o Adsense em local inapropriado, outros porque querem colocar outros an&#250;ncios (como os do UOL) nas p&#225;ginas onde o Adsense n&#227;o &#233; permitido, e outros porque querem otimizar ainda mais seus posts [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">J&aacute; vi uma galerinha querendo gerenciar melhor os <strong>an&uacute;ncios nos seus blogs</strong>, uns porque n&atilde;o querem que o <strong>Google</strong> puna por estarem colocando o <strong>Adsense</strong> em local inapropriado, outros porque querem colocar outros an&uacute;ncios (como os do <strong>UOL</strong>) nas p&aacute;ginas onde o Adsense n&atilde;o &eacute; permitido, e outros porque querem <strong>otimizar</strong> ainda mais seus posts colocando a propaganda que acham que devem nele.</p>
<p style="text-align: justify;">Pensando nisso resolvi mostrar pra voc&ecirc;s uma forma de fazer, que j&aacute; funciona no <a target="_blank" href="http://www.mundo-afora.com">Mundo Afora</a> (olha que portif&oacute;lio hein! =D). &Eacute; simples mas bem funcional e usa um poderoso recurso do <strong>WordPress</strong>, que s&atilde;o os <strong>campos personalizados</strong> ou <em>custom fields</em>.</p>
<p style="text-align: justify;"><span id="more-529"></span></p>
<p style="text-align: justify;"><strong><span style="font-size: larger;">Primeiro passo:</span></strong> Defina as &aacute;reas que voc&ecirc; gostaria de colocar os an&uacute;ncios.</p>
<p style="text-align: justify;">Veja abaixo um exemplo. As partes em <span style="color: rgb(255, 0, 0);"><strong>vermelho</strong></span> s&atilde;o as &aacute;reas determinadas para colocar os an&uacute;ncios.</p>
<p style="text-align: center;"><img height="244" width="560" alt="anuncios-em-blogs-1" src="http://www.pontonulo.com/wp-content/uploads/2009/08/anuncios-em-blogs-1.jpg" title="anuncios-em-blogs-1" class="aligncenter size-full wp-image-538" /></p>
<p style="text-align: center;"><img height="369" width="560" alt="anuncios-em-blogs-2" src="http://www.pontonulo.com/wp-content/uploads/2009/08/anuncios-em-blogs-2.jpg" title="anuncios-em-blogs-2" class="aligncenter size-full wp-image-539" /></p>
<p style="text-align: justify;">Defina um nome para cada &aacute;rea para que ela possa ser usada mais tarde pelas fun&ccedil;&otilde;es.</p>
<p style="text-align: justify;">Por exemplo, a &aacute;rea da primeira figura poderia ter o nome <strong>post-topo-afiliado</strong> e a da segunda figura poderia ser <strong>post-conteudo-afiliado</strong>.</p>
<p style="text-align: justify;"><strong><span style="font-size: larger;">Segundo passo:</span></strong> Crie as fun&ccedil;&otilde;es php necess&aacute;rias para a manipula&ccedil;&atilde;o dos an&uacute;ncios.</p>
<p style="text-align: justify;">Um arquivo de fun&ccedil;&otilde;es php, como o arquivo <strong>functions.php</strong> j&aacute; existente nos <strong>templates wordpress</strong>, deve ser criado. Chame-o de <em>user-functions.php</em>. Abaixo est&aacute; o c&oacute;digo php das fun&ccedil;&otilde;es, basta copiar e colar no arquivo que acabou de criar.</p>
<pre>
&lt;?php
/**
 * Usado para conteudos de afiliados que s&atilde;o colocados dinamicamente no post.
 * Utiliza um &quot;custom field&quot; e a posi&ccedil;&atilde;o onde tal conte&uacute;do deve ser inserido.
 *
 * O c&oacute;digo do afiliado pode ser colocado manualmente, como o conte&uacute;do do custom field, como tamb&eacute;m
 * pode ser procurado em um arquivo pr&eacute;-definido. Para usar o arquivo deve-se colocar como valor do
 * custom field umas das seguintes op&ccedil;&otilde;es: &quot;uol&quot;, &quot;adsense&quot;
 *
 * @param $afiliado Custom Field key
 * @param $position Posi&ccedil;&atilde;o onde ser&aacute; colocado o conte&uacute;do
 */
function get_conteudo_afiliado($afiliado) {

	global $post;

	$afiliado_meta = get_post_meta($post-&gt;ID, $afiliado, true);

	//Por padr&atilde;o o conte&uacute;do do campo personalizado &eacute; o c&oacute;digo a ser inserido
	$conteudo_afiliado = $afiliado_meta;

	$arquivo = $afiliado_meta . &quot;-&quot; . $afiliado;

	//Se &eacute; afiliado definido em um arquivo, recupera o conte&uacute;do que est&aacute; no arquivo
	//Se for UOL, pega o conte&uacute;do de forma rotativa
	if( ($afiliado_meta == &quot;uol&quot;) || ($afiliado_meta == &quot;adsense&quot;) ) {
		$conteudo_afiliado = get_text_from_file($arquivo);
	}

	return $conteudo_afiliado;
}

/**
 * L&ecirc; o arquivo e retorna o texto contido nele
 * @param $file nome do arquivo SEM EXTENS&Atilde;O
 */
function get_text_from_file($file = '') {

	$file = trim($file);

	if (strlen($file) &gt; 0) {

		$file = ABSPATH . &quot;wp-content/&quot; . $file . &quot;.txt&quot;;

		if (file_exists($file)) {

			$fp = fopen($file,'r');
			$text = fread($fp, filesize($file));
			fclose($fp);

			return $text;
		}
	}
}

/**
 * Verifica se algum custom field foi adicionado ao post com a chave especificada
 *
 * @param $custom_field_key Chave do custom field
 */
function exists_custom_field_key($custom_field_key) {

	global $post;

	$exists = get_post_meta($post-&gt;ID, $custom_field_key);

	return ($exists != &quot;&quot;);
}

?&gt;</pre>
<p style="text-align: justify;">Com estas fun&ccedil;&otilde;es &eacute; poss&iacute;vel reusar um c&oacute;digo que est&aacute; em um arquivo texto. Para isso, voc&ecirc; deve criar um arquivo com o nome na estrutura [nome do afiliado] + &quot;-&quot; + [nome do campo personalizado] + .txt dentro do diret&oacute;rio <em>wp-content</em>, por exemplo <strong>adsense</strong><strong>-post-topo-afiliado.txt</strong>. Esse arquivo conter&aacute; o c&oacute;digo HTML do an&uacute;ncio do adsense.</p>
<p style="text-align: justify;">As fun&ccedil;&otilde;es j&aacute; est&atilde;o feitas para reutilizar o c&oacute;digo para os afiliados uol e adsense. Ent&atilde;o, apenas use esses valores se vc j&aacute; tiver criado os respectivos arquivos.</p>
<p style="text-align: justify;"><strong><span style="font-size: larger;">Terceiro passo:</span></strong> Incluir as fun&ccedil;&otilde;es do arquivo <em>user-functions.php</em> no arquivo <strong>functions.php</strong>.</p>
<p style="text-align: justify;">Coloque o arquivo user-functions.php no diret&oacute;rio do seu template/theme wordpress (o mesmo diret&oacute;rio de onde est&aacute; o arquivo functions.php). Depois adicione o c&oacute;digo abaixo no final do arquivo functions.php:</p>
<pre style="text-align: justify;">
&lt;?php include_once (TEMPLATEPATH . '/user-functions.php'); ?&gt;</pre>
<p style="text-align: justify;"><strong><span style="font-size: larger;">Quarto passo:</span></strong> Use as fun&ccedil;&otilde;es nos arquivos do seu template.</p>
<p style="text-align: justify;">Identifique, no c&oacute;digo HTML, as &aacute;reas definidas no primeiro passo e use as fun&ccedil;&otilde;es da seguinte forma:</p>
<pre style="text-align: justify;">
&lt;?php if(custom_field_key_exists(&quot;post-topo-afiliado&quot;)) { ?&gt;
	&lt;div&gt;
		&lt;?php echo get_conteudo_afiliado(&quot;post-topo-afiliado&quot;); ?&gt;
	&lt;/div&gt;
&lt;?php } ?&gt;</pre>
<p style="text-align: justify;">Primeiro verifica-se se o campo personalizado <em>post-topo-afiliado</em> est&aacute; sendo utilizado para depois utiliz&aacute;-lo.</p>
<p style="text-align: justify;"><strong><span style="font-size: larger;">Quinto passo:</span></strong> Use os campos personalizados em seus posts.</p>
<p style="text-align: justify;">Quando for criar um novo post ou alterar um que j&aacute; existe, voc&ecirc; pode usar os seus &quot;campos personalizados&quot; a vontade.</p>
<p style="text-align: justify;">Se voc&ecirc; quer que o c&oacute;digo pr&eacute;-definido do <em>adsense</em> seja mostrado, ent&atilde;o utilize:</p>
<p style="text-align: center;"><img height="169" width="560" alt="campo-personalizado-wordpress-1" src="http://www.pontonulo.com/wp-content/uploads/2009/08/campo-personalizado-wordpress-1.jpg" title="campo-personalizado-wordpress-1" class="aligncenter size-full wp-image-548" /></p>
<p style="text-align: justify;">Caso queira o do UOL ent&atilde;o use a palavra &quot; uol &quot; como valor. Caso queira colocar o pr&oacute;prio c&oacute;digo HTML do an&uacute;ncio, ent&atilde;o basta colar o c&oacute;digo na caixa de texto que indica o valor do campo personalizado.</p>
<p style="text-align: justify;">&Eacute; isso galera. Caso tenham alguma d&uacute;vida ou problema, comentem a&iacute; pra a gente tentar resolver.</p>
<p style="text-align: justify;">Valeu.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/como-colocar-anuncios-diferentes-em-cada-pagina.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>Projeto JRimum</title>
		<link>http://www.pontonulo.com/software/projeto-jrimum.html</link>
		<comments>http://www.pontonulo.com/software/projeto-jrimum.html#comments</comments>
		<pubDate>Mon, 03 Aug 2009 11:36:21 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tendências]]></category>
		<category><![CDATA[desenvolvimento agil]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[software livre]]></category>
		<category><![CDATA[tecnologia]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=344</guid>
		<description><![CDATA[JRimum &#233; um projeto fruto da iniciativa de estudantes do CEFET-RN, hoje IFRN, que conta com o apoio da Nordeste Fomento Mercantil objetivando a cria&#231;&#227;o de componentes reutiliz&#225;veis Java com foco no dom&#237;nio de neg&#243;cios do Brasil.(Retirado do site do Projeto) A primeira biblioteca disponibilizada &#233; o Bopepo: Bopepo &#233; uma biblioteca Java que tem [...]]]></description>
			<content:encoded><![CDATA[<blockquote>
<p style="text-align: center;"><strong>JRimum </strong>&eacute; um projeto fruto da iniciativa de estudantes do CEFET-RN, hoje IFRN, que conta com o apoio da <strong>Nordeste Fomento Mercantil</strong> objetivando a cria&ccedil;&atilde;o de componentes reutiliz&aacute;veis <strong>Java </strong>com foco no dom&iacute;nio de neg&oacute;cios do Brasil.(Retirado do site do Projeto)</p>
</blockquote>
<p style="text-align: center;"><a href="http://www.pontonulo.com/wp-content/uploads/2009/07/JR3.png"><img width="530" height="424" src="http://www.pontonulo.com/wp-content/uploads/2009/08/jrimum-bopepo-1.jpg" alt="jrimum-bopepo-1" title="jrimum-bopepo-1" class="aligncenter size-full wp-image-383" /><br />
</a></p>
<p>A primeira biblioteca disponibilizada &eacute; o <strong>Bopepo</strong>:</p>
<p style="text-align: justify;">Bopepo &eacute; uma <strong>biblioteca Java </strong>que tem por finalidade tornar simples e r&aacute;pido o processo de gera&ccedil;&atilde;o de boletos banc&aacute;rios, tornando transparente para o usu&aacute;rio toda a complexidade exigida para isso, como por exemplo a gera&ccedil;&atilde;o do <strong>c&oacute;digo de barras</strong>, linha digit&aacute;vel, entre outros aspectos, de acordo com as especifica&ccedil;&otilde;es definidas pela <strong>FEBRABAN </strong>(Federa&ccedil;&atilde;o Brasileira de Bancos). (Retirado do site do Projeto)</p>
<p style="text-align: center;"><a href="http://www.pontonulo.com/wp-content/uploads/2009/07/JRBopepo2.png"><img width="530" height="424" src="http://www.pontonulo.com/wp-content/uploads/2009/08/jrimum-bopepo-2.jpg" alt="jrimum-bopepo-2" title="jrimum-bopepo-2" class="aligncenter size-full wp-image-384" /><br />
</a></p>
<p style="text-align: justify;">Atrav&eacute;s&nbsp; do Tutorial em v&iacute;deo, dispon&iacute;vel no site, facilmente gerei meu pr&oacute;prio boleto banc&aacute;rio. O interessante &eacute; que pode-se alterar bem rapido o layout do boleto, diferente de outras ferramentas que s&oacute; geram o boleto comum.</p>
<p style="text-align: justify;">Em breve, espero poder falar mais tecnicamente do Bopepo. Por enquanto estou s&oacute; fazendo propaganda enquanto conhe&ccedil;o mais a ferramenta, mas quem quiser acessar o site o endere&ccedil;o est&aacute; na minha lista de links.</p>
<p style="text-align: justify;">Abra&ccedil;os&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/software/projeto-jrimum.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>SCRUM &#8211; Começando a aplicar</title>
		<link>http://www.pontonulo.com/desenvolvimento/scrum-comecando-a-aplicar.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/scrum-comecando-a-aplicar.html#comments</comments>
		<pubDate>Fri, 24 Jul 2009 20:50:41 +0000</pubDate>
		<dc:creator>Rômulo Augusto</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[desenvolvimento agil]]></category>
		<category><![CDATA[scrum]]></category>
		<category><![CDATA[software livre]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=281</guid>
		<description><![CDATA[Eu sou um dos membros fundadores do projeto JRimum e estamos em &#34;novos tempos&#34; por l&#225;, mudando a casa, organizando e aplicando SCRUM. &#195;? Mas o JRimum &#233; um projeto de software livre onde os desenvolvedores colaboram de suas casas bem distantes uns dos outros!!! Na minha cabe&#231;a, pelo pouco que eu conhecia do SCRUM, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Eu sou um dos membros fundadores do projeto <strong>JRimum</strong> e estamos em &quot;novos tempos&quot; por l&aacute;, mudando a casa, organizando e aplicando <strong>SCRUM</strong>. &Atilde;? Mas o JRimum &eacute; um projeto de software livre onde os desenvolvedores colaboram de suas casas bem distantes uns dos outros!!!</p>
<p style="text-align: justify;">Na minha cabe&ccedil;a, pelo pouco que eu conhecia do SCRUM, isso era praticamente imposs&iacute;vel! Claro, me enganei. Por ser um <strong>framework</strong> conseguimos uma forma de adaptar a essa realiadade e a nossa pr&oacute;pria.</p>
<p style="text-align: justify;">Ainda n&atilde;o tenho &quot;n&uacute;meros&quot; sobre o resultado disso tudo, at&eacute; porque estamos no in&iacute;cio, mas com certeza &eacute; poss&iacute;vel de se aplicar.</p>
<p style="text-align: center;"><img height="383" width="550" class="aligncenter size-full wp-image-285" title="ciclo_scrum" alt="ciclo_scrum" src="http://www.pontonulo.com/wp-content/uploads/2009/07/ciclo_scrum.gif" /></p>
<p style="text-align: justify;">T&aacute; certo que nem tudo &eacute; a dist&acirc;ncia, at&eacute; porque moramos na mesma cidade, mas as <em>Daily Meetings</em> seriam imposs&iacute;veis pra n&oacute;s se fossem presenciais. E a&iacute; partimos pra os recursos que a web oferece! TALKS&nbsp;E&nbsp;EMAILS! =)</p>
<p style="text-align: justify;">O que nos ajuda tamb&eacute;m (e muito) &eacute; o nosso querido <strong>TRAC</strong>, uma beleza! Por&eacute;m estava eu hoje procurando informa&ccedil;&otilde;es sobre SCRUM e <strong>Software Livre</strong> e me deparo com o sistema que pretendo testar: <a target="_blank" href="http://pronto.bluesoft.com.br/">Pronto</a> &#8211; Esse &eacute; o nome do sistema desenvolvido pela <a target="_blank" href="http://www.bluesoft.com.br/">BlueSoft</a>.</p>
<p style="text-align: justify;">Bem interessante e vou j&aacute; vou falar com a galera sobre ele. Aqui no meu trabalho j&aacute; est&atilde;o todos avisados tamb&eacute;m.</p>
<p style="text-align: justify;">Se algu&eacute;m tiver uma experi&ecirc;ncia com esse software ou qualquer outro, como tamb&eacute;m com desenvolvimento &aacute;gil e software livre comenta a&iacute;. Vai ser uma boa troca de experi&ecirc;ncias.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/scrum-comecando-a-aplicar.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>CSS 3 &#8211; Parte 03</title>
		<link>http://www.pontonulo.com/desenvolvimento/css-3-parte-03.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/css-3-parte-03.html#comments</comments>
		<pubDate>Fri, 24 Jul 2009 18:30:27 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[navegadores]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=260</guid>
		<description><![CDATA[Nesta terceira parte abordaremos os efeitos de textos. N&#227;o sei se repararam, mas o texto est&#225; com&#160; sombra branca. Caso n&#227;o esteja visualizando o efeito ent&#227;o o seu browser n&#227;o d&#225; suporte ao CSS 3 ou a fun&#231;&#227;o mostrada aqui. Para utilizar este estilo &#233; bem simples, basta usar a fun&#231;&#227;o text-shadow. Esta fun&#231;&#227;o n&#227;o [...]]]></description>
			<content:encoded><![CDATA[<div style="text-shadow: 2px 2px 2px rgb(255, 255, 255); text-align: justify;">Nesta terceira parte abordaremos os efeitos de textos. N&atilde;o sei se repararam, mas o texto est&aacute; com&nbsp; sombra branca. Caso n&atilde;o esteja visualizando o efeito ent&atilde;o o seu browser n&atilde;o d&aacute; suporte ao CSS 3 ou a fun&ccedil;&atilde;o mostrada aqui.</div>
<div style="text-shadow: 2px 2px 2px rgb(255, 153, 34); text-align: justify;">Para utilizar este estilo &eacute; bem simples, basta usar a fun&ccedil;&atilde;o<strong> text-shadow.</strong> Esta fun&ccedil;&atilde;o n&atilde;o &eacute; nova, alguns browser j&aacute; a utilizav&atilde;o no CSS 2 e com o CSS 3 a compatibilidade foi espalhada pelos browsers mais novos.&nbsp;</div>
<p style="text-align: justify;"><strong>text-shadow: 2px 2px 2px #FFF; (eixo x, eixo y, defini&ccedil;&atilde;o da sombra, cor)<br />
</strong></p>
<p style="text-align: justify;">Este exemplo acima &eacute; o que est&aacute; sendo usado no primeiro par&aacute;grafo. O segundo par&aacute;grafo foi mudado apenas a cor. N&atilde;o e s&oacute; uma sombra que podemos mostrar, com um pouco de criatividade podemos fazer diversos estilos de sombras.</p>
<p>Abaixo alguns exemplos:</p>
<div style="text-shadow: 5px 5px 1px blue; text-align: justify;">text-shadow: 5px 5px 1px blue;</div>
<div style="text-shadow: 5px 5px 1px rgb(255, 153, 34); text-align: justify;">&nbsp;</div>
<div style="text-shadow: 50px 5px 1px rgb(255, 255, 255); text-align: justify;">text-shadow: 50px 5px 1px rgb(255, 255, 255);</div>
<div style="text-shadow: 50px 5px 1px rgb(255, 255, 255); text-align: justify;">&nbsp;</div>
<div style="text-shadow: 0px 20px 1px yellow; text-align: justify;">text-shadow: 0px 20px 1px yellow;</div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/css-3-parte-03.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>CSS 3 &#8211; Parte 02</title>
		<link>http://www.pontonulo.com/desenvolvimento/css-3-parte-02.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/css-3-parte-02.html#comments</comments>
		<pubDate>Fri, 17 Jul 2009 16:54:43 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[navegadores]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=224</guid>
		<description><![CDATA[Ao trabalhar com cores, o css lhe permite utilizar os formatos hexadecimal (#FF9966) e RGB (rgb 125, 200, 34). No CSS 3 foi incluido um novo tipo de formato chamado HSL e o HSLA (semelhante ao RGBA). Abaixo mostrarei as principais diferen&#231;as entre eles. Hexadecimal O hexadecimal possui apenas o valor referente a cor, utilizando [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Ao trabalhar com cores, o css lhe permite utilizar os formatos <strong>hexadecimal </strong>(#FF9966) e <strong>RGB </strong>(rgb 125, 200, 34). No <strong>CSS 3</strong> foi incluido um novo tipo de formato chamado <strong>HSL</strong> e o <strong>HSLA</strong> (semelhante ao <strong>RGBA</strong>).</p>
<p>Abaixo mostrarei as principais diferen&ccedil;as entre eles.</p>
<p><strong>Hexadecimal</strong></p>
<p>O hexadecimal possui apenas o valor referente a cor, utilizando o s&iacute;mbolo # no in&iacute;cio de cada especifica&ccedil;&atilde;o de cor.</p>
<p>Exemplo:</p>
<div style="background-color: rgb(255, 0, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: #FF0000&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 255, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: #00FF00&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 0, 255); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: #0000FF&quot;&gt;&lt;/div&gt;</strong></div>
<p>&nbsp;</p>
<p><strong>RGB</strong></p>
<p style="text-align: justify;">O RGB possui tr&ecirc;s  valores referente a cor, utilizando o formato rgb(red, green, blue) &#8211; vermelho, verde e azul, pode-se misturar a intensidade de cada cor e formar v&aacute;rias outras cores. Os valores utilizados devem ser de 0 (mais escuro) a 255 (mais claro).</p>
<blockquote>
<p style="text-align: center;">rgb(0,0,0) = Preto;<br />
rgb(255,255,255) = Branco (Mistura de todas as cores forma o branco);</p>
</blockquote>
<p>Exemplo:</p>
<div style="background-color: rgb(255, 0, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: rgb(255, 0, 0)&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 255, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: rgb(0, 255, 0)&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 0, 255); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: rgb(0, 0, 255)&quot;&gt;&lt;/div&gt;</strong></div>
<p>&nbsp;</p>
<p><strong>HSL (somente Browsers que suportem CSS 3)<br />
</strong></p>
<p style="text-align: justify;">O HSL &eacute; umas das novidades do CSS 3. Semelhante ao RGB, o HSL usa 3 valores: Hue (Matiz), Saturation (Satura&ccedil;&atilde;o) e <span onmouseout="_tipoff()" onmouseover="_tipon(this)" style="">Lightness</span> (Brilho, Luz e etc&#8230;).</p>
<p style="text-align: justify;">A matiz &eacute; o grau da cor, sendo 0 ou 360 para o vermelho, 120 para o verde e 240 para o azul. N&uacute;meros entre cada valor determinam as diversas cores disponiveis. A satura&ccedil;&atilde;o trabalha com porcentagem, sendo 100% para a cor real. O brilho ou luz tamb&eacute;m trabalha com valor em porcentagem, 0% &eacute; escuro (preto) e 100% &eacute; claro (branco).</p>
<p>Com esses valores a diversidade de cores &eacute; muito extensa.</p>
<p>Exemplo:</p>
<div style="background-color: rgb(255, 0, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: hsl(0,100%, 50%)&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 255, 0); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: hsl(120,100%, 50%)&quot;&gt;&lt;/div&gt;</strong></div>
<div style="background-color: rgb(0, 0, 255); height: 20px; color: rgb(0, 0, 0);"><strong>&lt;div style=&quot;background-color: hsl(240,100%, 50%)&quot;&gt;&lt;/div&gt;</strong></div>
<p>Quer saber mais sobre cores HSL, <a href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsl-color" target="_blank">Clique aqui</a>.</p>
<p>At&eacute; o pr&oacute;ximo post!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/css-3-parte-02.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
		<item>
		<title>CSS 3 &#8211; Parte 01</title>
		<link>http://www.pontonulo.com/desenvolvimento/css-3-parte-01.html</link>
		<comments>http://www.pontonulo.com/desenvolvimento/css-3-parte-01.html#comments</comments>
		<pubDate>Mon, 13 Jul 2009 20:14:05 +0000</pubDate>
		<dc:creator>Rodrigo Leite</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.pontonulo.com/?p=97</guid>
		<description><![CDATA[O CSS (Cascading Style Sheet) ou folha de estilo em cascata (tradu&#231;&#227;o para o portugu&#234;s) &#233; uma t&#233;cnica simples para adicionar estilos (fontes, imagens, bordas, fundos e etc&#8230;) a elementos web. Para n&#227;o prolongar muito o assunto sobre os conceitos de CSS, recomendo o site www.maujor.com e www.css3.info que explica bem o uso do CSS [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">O <strong>CSS (<span xml:lang="en">Cascading Style Sheet</span>)</strong> ou folha de estilo em cascata (tradu&ccedil;&atilde;o para o portugu&ecirc;s) &eacute; uma t&eacute;cnica simples para adicionar estilos (fontes, imagens, bordas, fundos e etc&#8230;) a elementos web.</p>
<p style="text-align: justify;">Para n&atilde;o prolongar muito o assunto sobre os conceitos de CSS, recomendo o site <a target="_blank" href="http://maujor.com/index.php">www.maujor.com</a> e <a target="_blank" href="http://www.css3.info">www.css3.info </a>que explica bem o uso do CSS e Web Standards.</p>
<p style="text-align: justify;">Esta &eacute; uma sequ&ecirc;ncia de 8 posts mostrando as principais novidades na utiliza&ccedil;&atilde;o do CSS3. Abaixo mostraremos exemplos das principais novidades. OBS: nem todos os browsers s&atilde;o compat&iacute;veis com o CSS3, os exemplos abaixo foram testados no firefox 3.5.</p>
<p style="text-align: justify;">&nbsp;</p>
<div style="border: 1px solid rgb(204, 204, 204); background: rgb(50, 50, 50) none repeat scroll 0% 0%; text-align: center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">
<p><strong>BORDERS</strong></p>
</div>
<p><em><strong>border-color</strong></em></p>
<p style="text-align: left;">border: 8px solid #000;<br />
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;<br />
-moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;<br />
-moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;<br />
-moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;<br />
padding: 5px 5px 5px 15px;</p>
<div style="border: 8px solid rgb(0, 0, 0); padding: 5px 5px 5px 15px; -moz-border-bottom-colors: rgb(85, 85, 85) rgb(102, 102, 102) rgb(119, 119, 119) rgb(136, 136, 136) rgb(153, 153, 153) rgb(170, 170, 170) rgb(187, 187, 187) rgb(204, 204, 204); -moz-border-top-colors: rgb(85, 85, 85) rgb(102, 102, 102) rgb(119, 119, 119) rgb(136, 136, 136) rgb(153, 153, 153) rgb(170, 170, 170) rgb(187, 187, 187) rgb(204, 204, 204); -moz-border-left-colors: rgb(85, 85, 85) rgb(102, 102, 102) rgb(119, 119, 119) rgb(136, 136, 136) rgb(153, 153, 153) rgb(170, 170, 170) rgb(187, 187, 187) rgb(204, 204, 204); -moz-border-right-colors: rgb(85, 85, 85) rgb(102, 102, 102) rgb(119, 119, 119) rgb(136, 136, 136) rgb(153, 153, 153) rgb(170, 170, 170) rgb(187, 187, 187) rgb(204, 204, 204);">Exemplo do c&oacute;digo acima</div>
<p>&nbsp;<span id="more-97"></span></p>
<p><em><strong>border-radius</strong></em></p>
<p>background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;</p>
<div style="border: 1px solid rgb(255, 255, 255); padding: 5px 5px 5px 15px; -moz-border-radius-topleft: 10px;">Exemplo 01.</div>
<p>-</p>
<div style="border: 1px solid rgb(255, 255, 255); padding: 5px 5px 5px 15px; -moz-border-radius-topright: 10px;">Exemplo 02.</div>
<p>-</p>
<div style="border: 1px solid rgb(255, 255, 255); padding: 5px 5px 5px 15px; -moz-border-radius-bottomleft: 10px;">Exemplo 03.</div>
<p>-</p>
<div style="border: 1px solid rgb(255, 255, 255); padding: 5px 5px 5px 15px; -moz-border-radius-bottomright: 10px;">Exemplo 04.</div>
<p>-</p>
<p>At&eacute; os pr&oacute;ximos exemplos&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pontonulo.com/desenvolvimento/css-3-parte-01.html/feed</wfw:commentRss>
		<slash:comments></slash:comments>
		</item>
	</channel>
</rss>

