<?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>Ajaxianos &#187; mooTools</title>
	<atom:link href="http://www.ajaxianos.com.br/category/mootools/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ajaxianos.com.br</link>
	<description>Dicas de javascript, jquery, ajax</description>
	<lastBuildDate>Tue, 29 Nov 2011 03:08:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Chrome Sniffer. Identificando a biblioteca utilizada por um site.</title>
		<link>http://www.ajaxianos.com.br/2010/07/chrome-sniffer-identificando-a-biblioteca-utilizada-por-um-site/</link>
		<comments>http://www.ajaxianos.com.br/2010/07/chrome-sniffer-identificando-a-biblioteca-utilizada-por-um-site/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 19:36:38 +0000</pubDate>
		<dc:creator>Alexandre</dc:creator>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Dojo]]></category>
		<category><![CDATA[ExtJS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[mooTools]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[YUI]]></category>

		<guid isPermaLink="false">http://www.ajaxianos.com.br/?p=165</guid>
		<description><![CDATA[Para puxar o assunto para as mais famosas bibliotecas js do mercado, algo sobre o que pretendo escrever posteriormente, estou indicando este excelente plugin para o Chrome. O Chrome Sniffer identifica o framework, CMS e biblioteca javascript da página entre as 45 mais populares algumas delas nossas velhas conhecidas de guerra: jQuery; jQuery UI; ExtJS; Prototype; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ajaxianos.com.br/wp-content/uploads/2010/07/chromeSniffer.jpg"><img class="size-full wp-image-169 alignright" title="chromeSniffer" src="http://www.ajaxianos.com.br/wp-content/uploads/2010/07/chromeSniffer.jpg" alt="" width="344" height="125" /></a></p>
<p>Para puxar o assunto para as mais famosas bibliotecas js do mercado, algo sobre o que pretendo escrever posteriormente, estou indicando este excelente plugin para o Chrome.</p>
<p>O <a href="https://chrome.google.com/extensions/detail/homgcnaoacgigpkkljjjekpignblkeae?hl=en">Chrome Sniffer</a> identifica o framework, CMS e biblioteca javascript da página entre as <a href="http://www.nqbao.com/chrome-sniffer/apps">45 mais populares</a> algumas delas nossas velhas conhecidas de guerra:</p>
<ul>
<li><a href="http://jquery.com/">jQuery</a>;</li>
<li><a href="http://jqueryui.com/">jQuery UI</a>;</li>
<li><a href="http://www.sencha.com/products/js/">ExtJS</a>;</li>
<li><a href="http://www.prototypejs.org/">Prototype</a>;</li>
<li><a href="http://mootools.net/">MooTools</a>;</li>
<li><a href="http://www.dojotoolkit.org/">Dojo</a>;</li>
<li><a href="http://script.aculo.us/">script.aculo.us</a>;</li>
<li><a href="http://developer.yahoo.com/yui/">YUI</a>.</li>
</ul>
<p>O <a href="https://chrome.google.com/extensions/detail/homgcnaoacgigpkkljjjekpignblkeae?hl=en">Chrome Sniffer</a> é uma ferramenta essecial para todos aqueles que gostam de aprender fuçando.</p>
<p>Enjoy.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.ajaxianos.com.br%2F2010%2F07%2Fchrome-sniffer-identificando-a-biblioteca-utilizada-por-um-site%2F&amp;title=Chrome%20Sniffer.%20Identificando%20a%20biblioteca%20utilizada%20por%20um%20site." id="wpa2a_2"><img src="http://www.ajaxianos.com.br/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.ajaxianos.com.br/2010/07/chrome-sniffer-identificando-a-biblioteca-utilizada-por-um-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dica: Como manter o loading visível com scroll</title>
		<link>http://www.ajaxianos.com.br/2009/04/dica-como-manter-o-loading-visivel-com-scroll/</link>
		<comments>http://www.ajaxianos.com.br/2009/04/dica-como-manter-o-loading-visivel-com-scroll/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 17:51:11 +0000</pubDate>
		<dc:creator>Wender Lima</dc:creator>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[diversos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[mooTools]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[flutuante]]></category>
		<category><![CDATA[loading]]></category>

		<guid isPermaLink="false">http://www.ajaxianos.com.br/?p=115</guid>
		<description><![CDATA[Dica rápida! Como manter o loading ou menu flutuante ou o que quer que seja visível mesmo quando você faz o scroll. Nos browsers mais inteligentes como FireFox e Safari uma propriedade no CSS é o suficiente para fazer o loading ficar paradinho sempre visível, mas para o IE(Pelo menos até a versão 6) é [...]]]></description>
			<content:encoded><![CDATA[<p>Dica rápida!</p>
<p>Como manter o loading ou menu flutuante ou o que quer que seja visível mesmo quando você faz o scroll.<br />
Nos browsers mais inteligentes como FireFox e Safari uma propriedade no CSS é o suficiente para fazer o loading ficar paradinho sempre visível, mas para o IE(Pelo menos até a versão 6) é necessário fazer uma interferência com javascript para ajustar a posição do elemento.</p>
<p>CSS do loading:</p>
<pre name="code" class="html">
<style>
#loading{
position:fixed; /*Esta propriedade fixed é que faz ele ficar parado nos browsers bonitos :-p*/
*position:absolute; /*hack para IE, só ele entende esse asterisco*/
margin:5px;
top:0;
left:0;
border:1px solid #960;
background-color:#FF9;
}
</style>
</pre>
<p>JavaScript:</p>
<pre name="code" class="js">
// Só faz o cheat se for o IE
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
document.documentElement.onscroll = updatePos;
}
function updatePos(){
var pos = document.documentElement.scrollTop;
document.getElementById('loading').style.top = pos;
}
</pre>
<p>HTML do Loading:</p>
<pre name="code" class="js">
<span id="loading">
	Carregando...
</span>
</pre>
<p><strong>UPDATE:</strong><br />
Nosso colega Anderson Straube(<a href="http://www.andersonstraube.com">http://www.andersonstraube.com</a>) indicou um hack mais esperto para o IE.<br />
Mais uma vez&#8230; só funciona no IE, é uma função chamada &#8220;expression&#8221;<br />
<a href="http://msdn.microsoft.com/en-us/library/ms537634(VS.85).aspx">http://msdn.microsoft.com/en-us/library/ms537634(VS.85).aspx</a><br />
assim, para o IE não seria necessário mais uma função JS, basta o comando &#8220;híbrido&#8221; no CSS, Exemplo:</p>
<pre name="code" class="html">
<style>
#loading{
position:fixed; /*Esta propriedade fixed é que faz ele ficar parado nos browsers bonitos :-p*/
*position:absolute; /*hack para IE, só ele entende esse asterisco*/
margin:5px;
top:0;
*top: expression(eval(document.documentElement.scrollTop)); /* hack para IE */	
left:0;
border:1px solid #960;
background-color:#FF9;
}
</style>
</pre>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.ajaxianos.com.br%2F2009%2F04%2Fdica-como-manter-o-loading-visivel-com-scroll%2F&amp;title=Dica%3A%20Como%20manter%20o%20loading%20vis%C3%ADvel%20com%20scroll" id="wpa2a_4"><img src="http://www.ajaxianos.com.br/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.ajaxianos.com.br/2009/04/dica-como-manter-o-loading-visivel-com-scroll/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Outra opção de crop de imagens com Mootools</title>
		<link>http://www.ajaxianos.com.br/2009/03/outra-opcao-de-crop-de-imagens-com-mootools/</link>
		<comments>http://www.ajaxianos.com.br/2009/03/outra-opcao-de-crop-de-imagens-com-mootools/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 13:26:31 +0000</pubDate>
		<dc:creator>Wender Lima</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[mooTools]]></category>

		<guid isPermaLink="false">http://www.ajaxianos.com.br/2009/03/outra-opcao-de-crop-de-imagens-com-mootools/</guid>
		<description><![CDATA[Eu já postei anteriormente uma opção de crop de imagens usando jQuery(http://www.ajaxianos.com.br/2008/09/crop-de-imagem-com-jquery/), agora um plugin para mootools me chamou a atenção, ele foi desenvolvido pelos caras da uvumi.com.Além do óbvio que uma ferramenta de crop deve fazer, esse plugin permite que você faça um clique em qualquer área da imagem sem desfazer o crop, ao [...]]]></description>
			<content:encoded><![CDATA[<p>Eu já postei anteriormente uma opção de crop de imagens usando jQuery(<a href="http://www.ajaxianos.com.br/2008/09/crop-de-imagem-com-jquery/">http://www.ajaxianos.com.br/2008/09/crop-de-imagem-com-jquery/</a>), agora um plugin para mootools me chamou a atenção, ele foi desenvolvido pelos caras da uvumi.com.<br />Além do óbvio que uma ferramenta de crop deve fazer, esse plugin permite que você faça um clique em qualquer área da imagem sem desfazer o crop, ao invéz disso, ele centraliza o crop na área clicada, isso eu achei fantástico, muito simples e prático, além disso, um duplo clique na área de crop faz com que a seleção fique na imagem inteira.<br />O plugin também exibe uma pequena caixa flutuante com o tamanho e posicionamento do crop junto com um thumb de preview da area do crop, reamente um ótimo trabalho, parabéns aos caras do uvumi.com</p>
<p><img style="max-width: 800px;" src="http://www.ajaxianos.com.br/wp-content/uploads/2009/03/mootools-crop-uvumitools.jpg" /><br />Quase esqueci de mencionar a quantidade de eventos, o que é muito importante, para o jCrop eu tive que criar funções paralelas para executar algumas tarefas que são feitas com facilidade por esse plugin</p>
<p>Link: <a target="_blank" href="http://tools.uvumi.com/crop.html">http://tools.uvumi.com/crop.html</a></p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=3c847704-c99e-40c5-aca8-93c23c3eef15" /></div>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.ajaxianos.com.br%2F2009%2F03%2Foutra-opcao-de-crop-de-imagens-com-mootools%2F&amp;title=Outra%20op%C3%A7%C3%A3o%20de%20crop%20de%20imagens%20com%20Mootools" id="wpa2a_6"><img src="http://www.ajaxianos.com.br/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.ajaxianos.com.br/2009/03/outra-opcao-de-crop-de-imagens-com-mootools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

