<?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>web de leve</title>
	<atom:link href="http://webdeleve.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdeleve.net</link>
	<description>O (quase) dia-a-dia de um tosco &#34;rapaz&#34; tentando aprender um pouco sobre Web</description>
	<lastBuildDate>Tue, 27 Mar 2012 19:51:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>jQuery &#8211; método on substitui live, delegate e bind</title>
		<link>http://webdeleve.net/jquery/jquery-metodo-on-substitui-live-delegate-e-bind/</link>
		<comments>http://webdeleve.net/jquery/jquery-metodo-on-substitui-live-delegate-e-bind/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 07:15:49 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[live delegate bind on]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=194</guid>
		<description><![CDATA[Se você, assim como eu, faz uso do método live comece a usar em seus novos jobs o método on pois de acordo com a documentação do jQuery 1.7 o método on substitui os antigos live, delegate e bind. Encontrei tal informação neste blog mas o mesmo informa tal substituição válida somente à partir da [...]]]></description>
			<content:encoded><![CDATA[<p>Se você, assim como eu, faz uso do método live comece a usar em seus novos jobs o método on pois de acordo com a documentação do jQuery 1.7 o método on substitui os antigos live, delegate e bind.</p>
<p>Encontrei tal informação <a rel="nofollow" href="http://www.egypt-webdesign.com/javascript/jquery-dont-use-bind-live-delegate.htm">neste blog</a> mas o mesmo informa tal substituição válida somente à partir da versão 1.7.1.</p>
<p>Verifiquei os arquivos das versões 1.7, 1.7.1, 1.7.2 e não notei diferença. Nas 3 versões os métodos live, delegate e bind chamam on com a mesma função:</p>
<p><code>live: function( types, data, fn ) {<br />
jQuery( this.context ).on( types, this.selector, data, fn );<br />
return this;<br />
}<br />
</code></p>
<p><code>delegate: function( selector, types, data, fn ) {<br />
return this.on( types, selector, data, fn );<br />
}<br />
</code></p>
<p><code>bind: function( types, data, fn ) {<br />
return this.on( types, null, data, fn );<br />
}<br />
</code></p>
<p>Os antigos métodos são agora atalhos para on. A questão de evitá-los é somente por questão de performance.</p>
<p>Situação semalhante temos quando usamos $.getScript() e $getJSON() que são atalhos para $.ajax().</p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/jquery/jquery-metodo-on-substitui-live-delegate-e-bind/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FCKeditor &#8211; pegar conteúdo com javascript</title>
		<link>http://webdeleve.net/javascript/fckeditor-pegar-conteudo-com-javascript/</link>
		<comments>http://webdeleve.net/javascript/fckeditor-pegar-conteudo-com-javascript/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 07:32:49 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=185</guid>
		<description><![CDATA[Em cms próprio uso como editor de texto o FCKeditor com um gerenciador de arquivos e upload. Prefiro ele do que o seu sucessor CKEditor &#8211; este não tem possui gerenciador free de arquivos e upload. Bom, há pouco estava precisando pegar o conteúdo da área de edição criada pelo FCKeditor e deu um pouco [...]]]></description>
			<content:encoded><![CDATA[<p>Em cms próprio uso como editor de texto o FCKeditor com um gerenciador de arquivos e upload. Prefiro ele do que o seu sucessor <a href="http://cksource.com/ckeditor">CKEditor</a> &#8211; este não tem possui gerenciador free de arquivos e upload.</p>
<p>Bom, há pouco estava precisando pegar o conteúdo da área de edição criada pelo FCKeditor e deu um pouco de trabalho para encontrar. Resolvi postar aqui caso alguém mais precise:<br />
<br />
<code>content = FCKeditorAPI.GetInstance('name_da_textarea').GetHTML(true);</code><br />
<br />
fonte: <a href="http://dobrzanski.net/2008/07/25/fckeditor-how-to-access-the-html-content-from-javascript/">http://dobrzanski.net/&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/javascript/fckeditor-pegar-conteudo-com-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vendor Prefixes</title>
		<link>http://webdeleve.net/css/vendor-prefixes/</link>
		<comments>http://webdeleve.net/css/vendor-prefixes/#comments</comments>
		<pubDate>Sat, 25 Feb 2012 06:26:50 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[vendor prefixes]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=179</guid>
		<description><![CDATA[Tabelinha mais completa que conheço de prefixos de browsers -&#62; http://alrra.github.com/little-helpers/vendor-prefixes/]]></description>
			<content:encoded><![CDATA[<p>Tabelinha mais completa que conheço de prefixos de browsers -&gt; <a href="http://alrra.github.com/little-helpers/vendor-prefixes/">http://alrra.github.com/little-helpers/vendor-prefixes/</a></p>
<p><a href="http://alrra.github.com/little-helpers/vendor-prefixes/"><img class="alignnone size-full wp-image-180" title="vendor prefixes" src="http://webdeleve.net/wp-content/uploads/2012/02/vendor-prefixes.jpg" alt="" width="530" height="388" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/css/vendor-prefixes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery UI Touch Punch</title>
		<link>http://webdeleve.net/jquery/jquery-ui-touch-punch/</link>
		<comments>http://webdeleve.net/jquery/jquery-ui-touch-punch/#comments</comments>
		<pubDate>Fri, 24 Feb 2012 06:17:29 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[touch]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=174</guid>
		<description><![CDATA[Pequeno exemplo de uso do jQuery UI Touch Punch (touch.js) testado em iPad para o job de um amigo.]]></description>
			<content:encoded><![CDATA[<p>Pequeno exemplo de uso do <a href="http://webdeleve.net/codigos-para-programador-iniciante/jquery/touch/">jQuery UI Touch Punch (touch.js)</a> testado em iPad<a href="http://webdeleve.net/codigos-para-programador-iniciante/jquery/touch/"></a> para o job de um amigo.</p>
<p><img class="alignnone size-full wp-image-175" title="jQuery UI Touch Punch" src="http://webdeleve.net/wp-content/uploads/2012/02/jQuery-UI-Touch-Punch.jpg" alt="" width="530" height="244" /></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/jquery/jquery-ui-touch-punch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PimpMyJS</title>
		<link>http://webdeleve.net/javascript/pimpmyjs/</link>
		<comments>http://webdeleve.net/javascript/pimpmyjs/#comments</comments>
		<pubDate>Thu, 23 Feb 2012 06:12:52 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=169</guid>
		<description><![CDATA[Simples e útil para compactar o teu código javascript:  pimpmyjs.com]]></description>
			<content:encoded><![CDATA[<p>Simples e útil para compactar o teu código javascript:  <a href="http://pimpmyjs.com/">pimpmyjs.com</a></p>
<p><a href="http://pimpmyjs.com/"><img class="alignnone size-full wp-image-171" title="pimpmyjs" src="http://webdeleve.net/wp-content/uploads/2012/02/pimpmyjs.jpg" alt="" width="530" height="529" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/javascript/pimpmyjs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 hoje</title>
		<link>http://webdeleve.net/css/css3-hoje/</link>
		<comments>http://webdeleve.net/css/css3-hoje/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 15:51:11 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=163</guid>
		<description><![CDATA[Excelentes slides sobre o que pode ser aplicado hoje, como aplicar e o suporte do CSS3 nos principais browsers neste link -&#62; http://maddesigns.de/css3/css3-im-praktischen-einsatz.html]]></description>
			<content:encoded><![CDATA[<p>Excelentes slides sobre o que pode ser aplicado hoje, como aplicar e o suporte do CSS3 nos principais browsers neste link -&gt; <a href="http://maddesigns.de/css3/css3-im-praktischen-einsatz.html">http://maddesigns.de/css3/css3-im-praktischen-einsatz.html</a></p>
<p><img class="alignnone size-full wp-image-164" src="http://webdeleve.net/wp-content/uploads/2011/10/linear-gradient.gif" alt="" width="530" height="181" /></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/css/css3-hoje/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JPEGmini &#8211; arquivo jpg 6x menor sem perca de qualidade</title>
		<link>http://webdeleve.net/tools/jpegmini-arquivo-jpg-6x-menor-sem-perca-de-qualidade/</link>
		<comments>http://webdeleve.net/tools/jpegmini-arquivo-jpg-6x-menor-sem-perca-de-qualidade/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 17:36:01 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[tools]]></category>
		<category><![CDATA[compressor]]></category>
		<category><![CDATA[jpg]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=153</guid>
		<description><![CDATA[Nos últimos dias vi alguns twitts sobre o compressor JPEGmini feito por uma startup israelita que reduz o tamanho dos arquivos jpegs em até 6 vezes sem perca de qualidade para o olho humano  -  ou seja, pelo o que entendi, aplica compressão para excessos/redundâncias e elementos que não interferem na imagem que conseguimos ver. [...]]]></description>
			<content:encoded><![CDATA[<p>Nos últimos dias vi alguns twitts sobre o compressor <a href="http://www.jpegmini.com/">JPEGmini</a> feito por uma startup israelita que reduz o tamanho dos arquivos jpegs em até 6 vezes sem perca de qualidade para o olho humano  -  ou seja, pelo o que entendi, aplica compressão para excessos/redundâncias e elementos que não interferem na imagem que conseguimos ver.</p>
<p>Testei e não notei perca de qualidade &#8211; acho que pode ocorrer mas não notei.</p>
<p>De qualquer forma vale o uso para diminuir o tempo de carregamento dos sites de nossos clientes.</p>
<p>Espero que criem um compressor semelhante para png.</p>
<p>Visite e teste  o JPEGmini -&gt;  <a href="http://www.jpegmini.com">http://www.jpegmini.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/tools/jpegmini-arquivo-jpg-6x-menor-sem-perca-de-qualidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Catapulty</title>
		<link>http://webdeleve.net/tools/catapulty/</link>
		<comments>http://webdeleve.net/tools/catapulty/#comments</comments>
		<pubDate>Sat, 20 Aug 2011 19:12:57 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=146</guid>
		<description><![CDATA[O site  catapulty.com traz para o webdev front-end dois favoritos que facilitam o teste nos diversos browsers instalados em seu sistema. Acesse catapulty.com onde você verá os links Throw e Hit.  Favorite ambos links em todos os browsers instalados. Escolha um browser, por exemplo o Firefox, e nele acesse um site qualquer. Com o site [...]]]></description>
			<content:encoded><![CDATA[<p>O site  <a href="http://catapulty.com" target="_blank">catapulty.com</a> traz para o webdev front-end dois favoritos que facilitam o teste nos diversos browsers instalados em seu sistema.</p>
<p>Acesse <a href="http://catapulty.com/" target="_blank">catapulty.com</a> onde você verá os links <strong>Throw</strong> e <strong>Hit</strong>.  Favorite ambos links em todos os browsers instalados.</p>
<p>Escolha um browser, por exemplo o Firefox, e nele acesse um site qualquer. Com o site carregado clique em <strong>Throw</strong>.</p>
<p>Em outro browser, por exemplo o Chrome, clique em <strong>Hit</strong>.  O site carregado no Firefox será agora carregado no Chrome.</p>
<p>Esses dois favoritos agilizam um pouco os inúmeros testes locais rotineiros para todo webdev front-end.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/tools/catapulty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>fontdragr.com &#8211; &#8220;drag &#8216;n drop&#8221; para testar suas fontes</title>
		<link>http://webdeleve.net/tools/fontdragr-com-drag-n-drop-para-testar-suas-fontes/</link>
		<comments>http://webdeleve.net/tools/fontdragr-com-drag-n-drop-para-testar-suas-fontes/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 01:52:43 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=132</guid>
		<description><![CDATA[O site fontdragr.com do Ryan Seddon ( The CSS Ninja ) traz uma ferramenta que permite o teste de fontes em qualquer site de um modo bem simples: Acesse fontdragr.com e favorite o link do botão &#8220;font dragr&#8221; Acesse um site para teste, clique no favorito &#8220;font dragr&#8221; para carregar a ferramenta e arraste e [...]]]></description>
			<content:encoded><![CDATA[<p>O site <a href="http://fontdragr.com">fontdragr.com</a> do <a href="http://www.thecssninja.com/">Ryan Seddon ( The CSS Ninja )</a> traz uma ferramenta que permite o teste de fontes em qualquer site de um modo bem simples:</p>
<p>Acesse <a href="http://fontdragr.com/">fontdragr.com</a> e favorite o link do botão &#8220;font dragr&#8221;</p>
<p><img class="alignnone size-full wp-image-133" title="fontdragr" src="http://webdeleve.net/wp-content/uploads/2011/08/fontdrar-bt.jpg" alt="" width="416" height="51" /></p>
<p>Acesse um site para teste, clique no favorito &#8220;font dragr&#8221; para carregar a ferramenta e arraste e solte sobre ela um arquivo de fonte:</p>
<p><a href="http://webdeleve.net/wp-content/uploads/2011/08/fontdragr2.jpg" target="_blank"><img class="alignnone size-full wp-image-135" title="fontdragr2" src="http://webdeleve.net/wp-content/uploads/2011/08/fontdragr2.jpg" alt="" width="530" height="350" /></a></p>
<p>Para controlar em qual elemento a fonte será aplicada defina primeiro uma regra css no campo Selector e depois arraste e solte uma fonte sobre a ferramenta.</p>
<p>Conheci o fontdragr anteontem e resolvi compartilhar aqui pra tirar um pouco da poeira que tem esse blog ;]</p>
<p>Abraço/t+</p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/tools/fontdragr-com-drag-n-drop-para-testar-suas-fontes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Boo-Box Tools&#8230; um teste com Greasemonkey</title>
		<link>http://webdeleve.net/jquery/boo-box-tools-um-teste-com-greasemonkey/</link>
		<comments>http://webdeleve.net/jquery/boo-box-tools-um-teste-com-greasemonkey/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 04:17:22 +0000</pubDate>
		<dc:creator>Tiago Dias</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[boo-box]]></category>
		<category><![CDATA[greasemonkey]]></category>

		<guid isPermaLink="false">http://webdeleve.net/?p=117</guid>
		<description><![CDATA[Ano passado fiz um teste para alterar a seção administrativa para publisher da boo-box criando um script para ser usado com a dobradinha Firefox e  Greasemonkey ( antiga extensão que permite rodar facilmente scripts que alteram o comportamento de sites ). Na seção de publisher da boo-box há uma listagem de campanhas com link para [...]]]></description>
			<content:encoded><![CDATA[<p>Ano passado fiz um teste para alterar a seção administrativa para publisher da <a href="http://boo-box.com/">boo-box</a> criando um script para ser usado com a dobradinha Firefox e  <a href="https://addons.mozilla.org/pt-br/firefox/addon/greasemonkey/">Greasemonkey</a> ( antiga extensão que permite rodar facilmente scripts que alteram o comportamento de sites ).</p>
<p>Na seção de publisher da boo-box há uma listagem de campanhas com link para que você acesse as informações referentes como custo por clique, impressões, cliques, rendimento, opções de ativar e desativar a campanha e as visualizações dos banners e twitts ( seedings ) .</p>
<p>O script trás para a seção publisher todas essas informações e opções. Compare as duas listagens a seguir:</p>
<p><img class="alignnone size-full wp-image-118" title="booboxtools" src="http://webdeleve.net/wp-content/uploads/2011/01/booboxtools.jpg" alt="" width="530" height="647" /></p>
<p>O script usa jquery hospedado pelo google e fancybox hospedado pela própria boo-box.</p>
<p>Para usar você precisa instalar a extensão <a href="https://addons.mozilla.org/pt-br/firefox/addon/greasemonkey/">Greasemonkey</a> no seu Firefox e acessar o script aqui: <a href="http://webdeleve.net/BooBoxTools.user.js">http://webdeleve.net/BooBoxTools.user.js</a> (  faltou criatividade pra criar o nome :/ ) .</p>
<p>Se quiser, acesse o link do script sem o Greasemonkey para ler o script antes de instalar.</p>
<p>O script é totalmente dependente do html que o pessoal da boo-box desenvolveu, portanto, se mudarem algo amanhã ( seja lá quando for amanhã ) o script pode falhar. Mas como disse no título deste post, é só um teste ;]</p>
<p>Talvez o primeiro load com a extensão tenha um tempo extra mas depois fica normal com o cache criado.</p>
<p>Tenho usado o script sem problema algum até este momento.</p>
<p>Instale acessando o script aqui -&gt; <a href="../BooBoxTools.user.js">http://webdeleve.net/BooBoxTools.user.js</a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdeleve.net/jquery/boo-box-tools-um-teste-com-greasemonkey/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

