<?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>dothCom &#187; Programação</title>
	<atom:link href="http://blog.dothcom.net/category/programacao/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.dothcom.net</link>
	<description>Só mais um blog do WordPress</description>
	<lastBuildDate>Fri, 03 Jun 2011 22:06:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Como enviar dados do FLASH para o PHP</title>
		<link>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php</link>
		<comments>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php#comments</comments>
		<pubDate>Wed, 28 Jul 2010 14:05:12 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[Action Script]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=238</guid>
		<description><![CDATA[Aprenda a enviar dados do flash para o php utilizando as funções getURL(), send() ou sendAndLoad()]]></description>
			<content:encoded><![CDATA[<p>Estou escrevendo este post depois de um problema que tive com o flash para submeter alguns inputs para o php. NOTA: estava utilizando o Flash CS5. Eu geralmente utilizava da seguinte forma:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> carregaForm<span style="color: #339933;">:</span>MovieClip <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> MovieClip<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// ou </span>
<span style="color: #006600; font-style: italic;">//this.createEmptyMovieClip(&quot;carregaForm&quot;, this.getNextHighestDepth());</span>
carregaForm.<span style="color: #660066;">search</span> <span style="color: #339933;">=</span> search.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
carregaForm.<span style="color: #660066;">getURL</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;busca.php&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;_top&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><span id="more-238"></span></p>
<p>Daí, na hora do CTRL+ENTER: <strong>Destino não encontrado: Destino=&#8221;undefined&#8221; Base=&#8221;_level0&#8243;</strong></p>
<p>Não sei se a nova versão do Flash não permite utilizar o getURL com POST, tentei loadVariablesNum() para ver se funcionava e também não deu certo &#8211; também pudera, eu acho que loadVariablesNum é a forma mais antiga de se fazer isto. Então vamos perguntar para o Google.</p>
<p>Eu encontrei alguns foruns dizendo para utilizar da seguinte maneira:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> variaveis<span style="color: #339933;">:</span>LoadVars <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> LoadVars<span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">nome</span> <span style="color: #339933;">=</span> _root.<span style="color: #660066;">nome</span>.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">email</span> <span style="color: #339933;">=</span> _root.<span style="color: #660066;">email</span>.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;envia.php&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;_top&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Você ainda pode especificar outra variável LoadVars para retorno e utilizar a função variaveis_envio.sendAndLoad(&#8221;arquivo.php&#8221;,variaveis_retorno,&#8221;POST&#8221;);</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transições de Imagens com jQuery</title>
		<link>http://blog.dothcom.net/transicoes-de-imagens-com-jquery</link>
		<comments>http://blog.dothcom.net/transicoes-de-imagens-com-jquery#comments</comments>
		<pubDate>Sat, 27 Feb 2010 14:52:27 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=207</guid>
		<description><![CDATA[jqFancyTransitions é um plugin jQuery  fácil de usar para mostrar suas fotos como slideshow com efeitos de transição fantásticos.]]></description>
			<content:encoded><![CDATA[<p><strong>jqFancyTransitions</strong> é um plugin <a href="http://www.jquery.com" target="_blank">jQuery</a>  fácil de usar para mostrar suas fotos como slideshow com efeitos de transição fantásticos.</p>
<p><span id="more-207"></span></p>
<p><strong>jqFancyTransitions</strong> é compatível e totalmente testado com Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.</p>
<p>A estrutura do HTML é bem simples, um elemento com imagens dentro, para exibir legendas adicione os textos nos atributos &#8220;alt&#8221; das imagens.</p>
<p>Links:<br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/" target="_blank">Exemplos e Documentação</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jquery-1.4.2.min.js" target="_blank">jquery-1.4.js</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jqFancyTransitions.js" target="_blank">jqFancyTransitions.js</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jqFancyTransitions.zip" target="_blank">Exemplo comprimido</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/transicoes-de-imagens-com-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SkinFlower</title>
		<link>http://blog.dothcom.net/skinflower</link>
		<comments>http://blog.dothcom.net/skinflower#comments</comments>
		<pubDate>Wed, 17 Feb 2010 19:26:09 +0000</pubDate>
		<dc:creator>Túlio Ávalos</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[SkinFlower]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=200</guid>
		<description><![CDATA[Entregamos mais um site neste começo de Fevereiro, SkinFlower, uma clinica de beleza e estética do Rio de Janeiro.

Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas... isso é muito fácil.]]></description>
			<content:encoded><![CDATA[<p><span style="color: #808080;">Entregamos mais um site neste começo de Fevereiro, </span><a href="http://skinflower.com.br/" target="_blank"><span style="color: #009bc1;">Skin</span><span style="color: #fd72db;">Flower</span></a><span style="color: #808080;">, uma clinica de beleza e estética do Rio de Janeiro.</span></p>
<p><span style="color: #808080;">Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas&#8230; isso é muito fácil.</span></p>
<p><span style="color: #808080;">Quando comecei a desenhara logo marca,  logo pensei nas cores azul e rosa como eu já disse no <a href="http://blog.dothcom.net/criacao_logo_skinflower" target="_blank">post que mostei o desenvolvimento da marca</a>. No desenvolvimento do layout quis passar uma boa sensação a pessoa que o navegasse. Tomara que tenha conseguido.</span></p>
<p><span style="color: #808080;"><a href="http://skinflower.com.br/" target="_blank"><img class="aligncenter size-full wp-image-202" title="layout04" src="http://blog.dothcom.net/wp-content/uploads/2010/02/layout04.png" alt="layout04" width="580" height="569" /></a></span></p>
<p><span style="color: #808080;">Criação: <em><a href="http://tulitotutys.deviantart.com/" target="_blank">TúlioÁvalos</a></em></span></p>
<p><span style="color: #808080;">Programação:<em> Charliston Maffei</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/skinflower/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash &#8211; Erro ao importar arquivo</title>
		<link>http://blog.dothcom.net/flash-erro-ao-importar-arquivo</link>
		<comments>http://blog.dothcom.net/flash-erro-ao-importar-arquivo#comments</comments>
		<pubDate>Tue, 09 Feb 2010 18:31:52 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[Action Script]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Diversos]]></category>
		<category><![CDATA[Bug]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=183</guid>
		<description><![CDATA[Aprenda aqui a corrigir um dos problemas quando dá erro ao tentar importar um arquivo para o flash]]></description>
			<content:encoded><![CDATA[<h1>Flash Import Error</h1>
<p>Quando você tentar importar algum arquivo para o flash (independente da versão) e aparecer o seguinte erro:</p>
<h2>Flash Import Error: “One or more files were not imported because there were problems reading them”</h2>
<p><span id="more-183"></span><br />
Isso ocorre geralmente quando o bitrate esteja acima de 160kbps. Vejam o link da <a href="http://kb2.adobe.com/cps/162/tn_16235.html">Adobe</a> falando sobre isto.</p>
<p>Você pode solucionar isto diminuindo o bitrate ou instalando o <a href="http://www.apple.com/quicktime/">Quicktime</a>. Sim o Quicktime, na nota da Adobe eles dizem o seguinte:</p>
<blockquote><p>O Flash não suporta arquivos MP3 com bitrate maior que 160kbps. Tentando fazer isso o Macromedia Flash acessa/autoriza o subsistema de audio do Quicktime.</p></blockquote>
<p>No meu caso eu até tentei baixar o bitrate, mas não funcionou. Instalando o Quicktime não deu mais esse problema.</p>
<p><a href="http://www.adobe.com">Adobe</a><br />
<a href="http://www.apple.com/quicktime/download/">Baixe o Quicktime aqui</a><br />
<a href="http://www.flexer.info/2009/07/27/flash-import-error-one-or-more-files-were-not-imported-because-there-were-problems-reading-them/">Créditos flexer.info</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/flash-erro-ao-importar-arquivo/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MySQL: Ordenar campos VARCHAR</title>
		<link>http://blog.dothcom.net/mysql-ordenar-campos-varchar</link>
		<comments>http://blog.dothcom.net/mysql-ordenar-campos-varchar#comments</comments>
		<pubDate>Fri, 29 Jan 2010 14:01:15 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Função]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=179</guid>
		<description><![CDATA[Aprenda como ordenar registros de uma tabela através de uma coluna do tipo VARCHAR, com a função CAST() você pode interpretar a coluna com os formatos BINARY, CHAR, DATE, DATETIME, DECIMAL, SIGNED, TIME, UNSIGNED]]></description>
			<content:encoded><![CDATA[<p>Quando uma coluna guarda um valor variado pode-se facilmente dá-la o tipo VARCHAR, ou pela ocasião ou pela inexperiência do desenvolvedor que criou/projetou a tabela. Só que num determinado momento o cliente pede para que a listagem dos registros desta tabela seja feita por esta coluna.</p>
<p>Ah, vamos mudar o tipo a coluna e fica resolvido, errado porque dependendo o tipo que você escolher os registros podem sofrer pequenas variações. Por exemplo o VARCHAR 7,7 pode ficar apenas 7 se você especificar, FLOAT, DECIMAL, INT ou qualquer outro tipo numérico pois teria que converter a virgula separadora para ponto.</p>
<p><span id="more-179"></span></p>
<p>Existe uma solução mais elegante para este tipo de caso. Você nem precisa mexer na bagunça do POGamador anterior (POG = Programação Orientada à Gambiarra). Você pode utlizar a função CAST() do MySQL. Esta função interpreta determinada coluna com o tipo que você especificar.</p>
<p>Suponha que temos a tabela &#8220;prova&#8221;, com as colunas &#8220;nome&#8221; e &#8220;nota&#8221; (ambos do tipo VARCHAR), para ordenarmos pela nota usariamos algo como:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> nome<span style="color: #66cc66;">,</span> nota<span style="color: #66cc66;">,</span> CAST<span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">REPLACE</span><span style="color: #66cc66;">&#40;</span>nota<span style="color: #66cc66;">,</span><span style="color: #ff0000;">','</span><span style="color: #66cc66;">,</span><span style="color: #ff0000;">'.'</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">AS</span> DECIMAL<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">20</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">AS</span> nota_convertida
<span style="color: #993333; font-weight: bold;">FROM</span> prova
<span style="color: #993333; font-weight: bold;">ORDER</span> <span style="color: #993333; font-weight: bold;">BY</span> CAST<span style="color: #66cc66;">&#40;</span>nota <span style="color: #993333; font-weight: bold;">AS</span> <span style="color: #993333; font-weight: bold;">UNSIGNED</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">DESC</span></pre></td></tr></table></div>

<p><del datetime="2010-01-29T14:02:25+00:00" title="Solução encontrada">Repare que usei CAST(nota AS DECIMAL(10,2)) para tentar pegar a coluna com o valor convertido, mas isso não funcionará quando o separador não for ponto, como citei anteriormente (Se alguém conhece uma forma de converter fique a vontade para compartilhar conosco).</del><br />
Mas que pode ser tratado via PHP facilmente:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$nota</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">','</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'.'</span><span style="color: #339933;">,</span><span style="color: #000088;">$rs</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'nota'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>* Pequena correção: utilizando a função REPLACE() do MySQL você pode substituir caracteres.</p>
<p>Continuando, a função CAST() pode converter/interpretar as colunas nos seguintes formatos:</p>
<ul>
<li>BINARY[(N)]</li>
<li>CHAR[(N)]</li>
<li>DATE</li>
<li>DATETIME</li>
<li>DECIMAL[(M[,D])]</li>
<li>SIGNED [INTEGER]</li>
<li>TIME</li>
<li>UNSIGNED [INTEGER]</li>
</ul>
<p><a href="http://dev.mysql.com/doc/refman/5.0/en/cast-functions.html#function_cast" title="Documentação para Função CAST">Função CAST() e similares</a><br />
<a href="http://dev.mysql.com/doc/refman/5.1/en/string-functions.html" title="Documentação para Funções para Strings">Funções para Strings</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/mysql-ordenar-campos-varchar/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Carnaval de Corumbá 2010</title>
		<link>http://blog.dothcom.net/carnaval-de-corumba-2010</link>
		<comments>http://blog.dothcom.net/carnaval-de-corumba-2010#comments</comments>
		<pubDate>Fri, 29 Jan 2010 12:43:15 +0000</pubDate>
		<dc:creator>Túlio Ávalos</dc:creator>
				<category><![CDATA[Action Script]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[carnaval]]></category>
		<category><![CDATA[corumbá]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=173</guid>
		<description><![CDATA[Foi um trabalho realizado em parceria com a Agência Mídia Nova.

Como todo "bom" trabalho, o JOB veio com a seguinte consideração:

- Precisamos disto PRONTO em uma semana!

Como a parte da criação estava praticamente pronta, conseguimos sem maiores esforços cumprir o prazo estipulado para o serviço.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Foi um trabalho realizado em parceria com a Agência Mídia Nova.</p>
<p style="text-align: justify;">Como todo &#8220;bom&#8221; trabalho, o JOB veio com a seguinte consideração:</p>
<p style="text-align: justify;">- Precisamos disto PRONTO em uma semana!</p>
<p style="text-align: justify;">Como a parte da criação estava praticamente pronta, conseguimos sem maiores esforços cumprir o prazo estipulado para o serviço.</p>
<p style="text-align: justify;">A indicação foi feita pelo Giuliano Godoy (<a href="http://www.estudiosim.com.br/" target="_blank">www.estudiosim.com.br</a>), ex profissional da <a href="http://blog.ricacomunica.com.br/" target="_blank">Rica Soluções em Agronegócios</a>.</p>
<p style="text-align: justify;">Como sempre, foi preciso dar um tapa no layout vindo da agencia e adequá-lo aos padrões da web.</p>
<p style="text-align: justify;">A solicitação era pra o site ser desenvolvido 100% em Flash, porém não vimos necessidade pra tanto. Mesclamos recursos animados em Flash e transições em javascript, conseguimos o mesmo efeito que gostaríamos e ainda ganhamos a indexação do conteúdo pelo <a href="http://www.google.com" target="_blank">Google</a>. Mesmo porque, tudo está em HTML agora, ou pelo menos o conteúdo!</p>
<p style="text-align: justify;">A proposta da animação do topo foi passar a idéia do carnaval de rua, típico em Corumbá e suas as marchinhas tradicionais. Nada muito avançado e cheio de AS.</p>
<p style="text-align: justify;">Acesse o link <a href="http://www.carnavaldecorumba.com.br/" target="_blank">www.carnavaldecorumba.com.br</a> e confira o trabalho que já está no ar.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-174" title="carnaval" src="http://blog.dothcom.net/wp-content/uploads/2010/01/Untitled-2.png" alt="carnaval" width="580" height="384" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/carnaval-de-corumba-2010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Background Gradiente</title>
		<link>http://blog.dothcom.net/background-gradiente</link>
		<comments>http://blog.dothcom.net/background-gradiente#comments</comments>
		<pubDate>Sat, 16 Jan 2010 14:04:15 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=170</guid>
		<description><![CDATA[Aprenda como fazer background gradiente sem imagens. Gradientz é um plugin do jQuery para gerar background gradiente sem usar imagens. É um plugin bem leve (com 2.2k não comprimido). Você especifica as cores inicial e final com valores do CSS background-color Você também pode especificar as opções "distance" que será a largura/altura do efeito, "angle" especifica o grau de inclinição, padrão é "0" (vertical) e a opção "css" determina o CSS adicional, o padrão é "top: 0px; left: 0px".]]></description>
			<content:encoded><![CDATA[<p>Gradientz é um plugin do jQuery para gerar background gradiente sem usar imagens. É um plugin bem leve (com 2.2k não comprimido).</p>
<p><span id="more-170"></span></p>
<p>Você especifica as cores inicial e final com valores do CSS background-color (hexadecimal ou nominal, exemplo: #08f ou red). Você também pode especificar as opções &#8220;distance&#8221; que será a largura/altura do efeito, &#8220;angle&#8221; especifica o grau de inclinição, padrão é &#8220;0&#8243; (vertical) e a opção &#8220;css&#8221; determina o CSS adicional, o padrão é &#8220;top: 0px; left: 0px&#8221;.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>selector<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">gradientz</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
   start<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;red&quot;</span><span style="color: #339933;">,</span>     <span style="color: #006600; font-style: italic;">// cor inicial</span>
   end<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;blue&quot;</span><span style="color: #339933;">,</span>      <span style="color: #006600; font-style: italic;">// cor final</span>
   distance<span style="color: #339933;">:</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span>    <span style="color: #006600; font-style: italic;">// distancia entre o ponto final e inicial</span>
   angle<span style="color: #339933;">:</span> <span style="color: #CC0000;">72</span><span style="color: #339933;">,</span>        <span style="color: #006600; font-style: italic;">// angulo de inclinação, 0 = vertical, 90 = horizontal</span>
   css<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;right: 0px&quot;</span> <span style="color: #006600; font-style: italic;">// css adicional, o padrão é &quot;top: 0px; left: 0px&quot;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Links:<br />
<a href="http://www.shiguenori.com/material/background.gradiente/" target="_blank">Link do exemplo</a><br />
<a href="http://www.shiguenori.com/material/background.gradiente/jquery-1.4.js" target="_blank">jquery-1.4.js</a><br />
<a href="http://www.shiguenori.com/material/background.gradiente/gradientz.js" target="_blank">gradientz.js</a><br />
<a href="http://www.shiguenori.com/material/background.gradiente/background.gradiente.zip" target="_blank">Exemplo comprimido</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/background-gradiente/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>14 dias de jQuery</title>
		<link>http://blog.dothcom.net/14-dias-de-jquery</link>
		<comments>http://blog.dothcom.net/14-dias-de-jquery#comments</comments>
		<pubDate>Thu, 14 Jan 2010 20:42:12 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Novidades]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=167</guid>
		<description><![CDATA[Acompanhe o lançamento do jQuery 1.4 , <a href="http://jquery14.com/">jquery14.com</a>, mostrando as novidades que esta nova versão traz.]]></description>
			<content:encoded><![CDATA[<p>O jQuery 1.4 está anunciando o site <a href="http://jquery14.com/">jquery14.com</a> para mostrar as novidades que esta nova versão traz. Os 14 dias vão de hoje 1.4 de janeiro (hehe) até o dia 28.</p>
<p>Hoje o site fala sobre o novo site da API jQuery, que a documentação foi reescrita e sobre lançamento do jQuery 1.4rc1 para as pessoas baixarem e testarem. Também mostra um gráfico de performace das funções mais populares entre a versão 1.3.2 e a 1.4.</p>
<p><span id="more-167"></span></p>
<p>É mencionado facilidades, ajax/json, html 5, melhoria em funções específicas e de desempenho, tratamento de dados, efeitos, eventos. Novos métodos como .delay(), .has(), .nextUntil(), .prevUntil(), .parentsUntil(), desempenho dos seletores, funções úteis são abordadas também.</p>
<p>Vamos acompanhar estas duas semanas de jQuery e ver (utilizar) as novidade que vem com ela.</p>
<p><a href="http://api.jquery.com/">http://api.jquery.com/</a><br />
<a href="http://code.jquery.com/jquery-1.4.js">jquery-1.4.js</a><br />
<a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/">Matéria no nettuts (fala sobre melhorias, mas não só do 1.4)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/14-dias-de-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Publicidade com Jquery</title>
		<link>http://blog.dothcom.net/publicidade-com-jquery</link>
		<comments>http://blog.dothcom.net/publicidade-com-jquery#comments</comments>
		<pubDate>Thu, 14 Jan 2010 16:47:54 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Publicidade]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=164</guid>
		<description><![CDATA[Meerkat é um plugin para jQuery desenvolvido por Jarod Taylor, um plugin para publicidade. O plugin torna mais fácil e atraente o modo de exibir publicidades. Em sua página ele exibe três exemplos, o primeiro com anúncio do Google, o segundo com um HTML comum e o terceiro, também com HTML, mas preenchendo a tela visível do site, tipo uma tela de splash. Nas três opões ele deixa um botão para sair da publicidade e mostrar o site por completo.]]></description>
			<content:encoded><![CDATA[<p>Meerkat é um plugin para jQuery desenvolvido por <a href="http://jarodtaylor.com/">Jarod Taylor</a>, eu definiria este plugin como um plugin para publicidade. O plugin torna mais fácil e atraente o modo de exibir publicidades.</p>
<p><span id="more-164"></span></p>
<p>Em sua página ele exibe três exemplos, o primeiro com anúncio do Google, o segundo com um HTML comum e o terceiro, também com HTML, mas preenchendo a tela visível do site, tipo uma tela de splash. Nas três opões ele deixa um botão para sair da publicidade e mostrar o site por completo.</p>
<h2>Opções</h2>
<ul>
<li>
		<b>showMeerkatOnLoad: </b><br />
		Valor booleano, se verdadeiro o plugin Meerkat irá mostrar a publicidade quando a função for chamada, caso contrário irá esconder a publicidade.<br />
		<strong>Padrão: &#8216;false&#8217;</strong>
	</li>
<li>
		<b>close: </b><br />
		Aqui você especifica o <a href="http://docs.jquery.com/Selectors">seletor</a> (ie. &#8220;.close&#8221; ou &#8220;#close&#8221;) para ocultar a publicidade.<br />
		<strong>Padrão: &#8216;none&#8217;</strong>
	</li>
<li>
		<b>dontShow: </b><br />
		Qualquer <a href="http://docs.jquery.com/Selectors">seletor</a> (ie. &#8220;.dont-show&#8221; ou &#8220;#dont-show&#8221;) para que o usuário escolha não ver mais a publicidade, o plugin Meerkat ierá esconder e não mostrará o anúncio até a sessão do navegador terminar (quando o navegador for reiniciado) ou para uma quantidade de dias, dependendo da configuração <strong>dontShowExpire</strong>.<br />
		<strong>Padrão: &#8216;none&#8217;</strong></p>
<p><em><small>Nota: dontShow depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.</small></em></p>
</li>
<li>
		<b>dontShowExpire: </b><br />
		Se você alterar a opção <strong>dontShow</strong>, você tem a opção de configurar o tempo limite (em dias) que o plugin Meerkat irá ocultar a publicidade. A opção dontShowExpire aceita inteiros ou números decimais (floa) entre 0 e 365.<br />
		<br />
		Se dontShowExpire configurado como <em>0</em>; Meerkat aguarda a sessão do navegador para motrar novamente a publicidade.<br />
		Se dontShowExpire configurado como <em>0.5</em>; Meerkat não mostrará por 12 horas.<br />
		Se dontShowExpire configurado como <em>1</em>; Meerkat não mostrará por 24 horas (1 dia).<br />
		Se dontShowExpire configurado como <em>7</em>; Meerkat não mostrará por 7 dias (1 semana).</p>
<p>		<strong>Padrão: 0</strong></p>
<p><em><small>Nota: dontShowExpire depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.</small></em></p>
</li>
<li>
		<b>removeCookie: </b><br />
		Usado principalmente para o desenvolvimento da aplicação, a opção <em>removeCookie</em> deleta o cookie criado pela opção <em>dontShow</em>.<br />
		Esta opção aceita qualquer <a href="http://docs.jquery.com/Selectors">seletor</a> (ie. &#8220;.remove-cookie&#8221; ou &#8220;#remove-cookie&#8221;).<br />
		<strong>Padrão: &#8216;none&#8217;</strong></p>
<p><em><small>Nota: removeCookie depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.</small></em></p>
</li>
<li>
		<b>meerkatPosition: </b><br />
		A opção meerkatPosition aceita dois valores: <em>top</em> ou <em>bottom</em>.<br />
		Ela determina o posicionamento (quando não for o splash) da publicidade na janela.<br />
		<strong>Padrão: &#8216;bottom&#8217;</strong>
	</li>
<li>
		<b>animation: </b><br />
		A opção animation aceita dois valores: <em>slide</em> ou <em>fade</em>.<br />
		Esta opção determina o efeito quando a publicidade será exibida e ocultada.<br />
		<strong>Padrão: &#8217;slide&#8217;</strong>
	</li>
<li>
		<b>animationSpeed: </b><br />
		A opção animationSpeed aceita os seguinte valores: (&#8221;slow&#8221;, &#8220;normal&#8221;, ou &#8220;fast&#8221;) ou o número de milisegundos para a animação executar.<br />
		<strong>Padrão: &#8217;slow&#8217;</strong>
	</li>
<li>
		<b>height: </b><br />
		A opção height aceita todos os valores da propriedade height do CSS (px, em, %, auto, etc).<br />
		Se esta opção é omitida, o plugin utilizará o CSS aplicado sobre o elemento <em>meerkat</em>.<br />
		<strong>Padrão: &#8216;auto&#8217;</strong>
	</li>
<li>
		<b>background: </b><br />
		A opção background aceita o CSS de background (<a href="http://www.dustindiaz.com/css-shorthand/">veja algumas opções</a>)<br />
		Exemplo: <br /> <em>background: &#8216;#000 url(/path/to/bgimage.jpg) no-repeat left top&#8217;</em><br />
		<strong>Padrão: &#8216;none&#8217;</strong>
	</li>
</ul>
<p><a href="http://www.shiguenori.com/material/jquery.meerkat/demo1.html">Exemplo 1</a><br />
<a href="http://www.shiguenori.com/material/jquery.meerkat/demo2.html">Exemplo 2</a><br />
<a href="http://www.shiguenori.com/material/jquery.meerkat/demo3.html">Exemplo 3</a><br />
<a href="http://www.shiguenori.com/material/jquery.meerkat/js/jquery.meerkat.js">jquery.meerkat.js</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/publicidade-com-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Site Nelas</title>
		<link>http://blog.dothcom.net/site-nelas</link>
		<comments>http://blog.dothcom.net/site-nelas#comments</comments>
		<pubDate>Thu, 07 Jan 2010 18:01:25 +0000</pubDate>
		<dc:creator>Túlio Ávalos</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=158</guid>
		<description><![CDATA[Também neste final de 2009, entregamos muitos sites neste final de ano =], foi entregue a nova versão do Nelas, um site de entretenimento, onde o próprio usuário publica o conteúdo do site , e se for de interesse ir também as festa da galera do nelas.
Criação: Gustavo Augusto
Programação: Gustavo August
<span class="readmore"><a href="http://blog.dothcom.net/site-nelas" title="Site Nelas">Read the full story &#187;</a></span>]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-161" title="01_INICIO" src="http://blog.dothcom.net/wp-content/uploads/2010/01/01_INICIO1.png" alt="01_INICIO" width="580" height="593" /></p>
<p>Também neste final de 2009, entregamos muitos sites neste final de ano =], foi entregue a nova versão do Nelas, um site de entretenimento, onde o próprio usuário publica o conteúdo do site , e se for de interesse ir também as festa da galera do nelas.</p>
<p>Criação: Gustavo Augusto</p>
<p>Programação: Gustavo August</p>
<p>Ferramenta de criação: Fireworks</p>
<p>Ferramentas de programação: PHP, JavaScript e MySQL</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/site-nelas/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

