<?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; Prototype</title>
	<atom:link href="http://www.ajaxianos.com.br/category/prototype/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>Barra de progresso com prototype</title>
		<link>http://www.ajaxianos.com.br/2008/06/barra-de-progresso-com-prototype/</link>
		<comments>http://www.ajaxianos.com.br/2008/06/barra-de-progresso-com-prototype/#comments</comments>
		<pubDate>Thu, 19 Jun 2008 15:41:07 +0000</pubDate>
		<dc:creator>Wender Lima</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[progressbar]]></category>

		<guid isPermaLink="false">http://www.ajaxianos.com.br/?p=21</guid>
		<description><![CDATA[A WebAppers fez um plugin muito bom para o Prototype, trata-se de uma barra de progresso &#8220;estilizada&#8221;, eu ja costumo usar barra de progresso para alguns processos demorados que tratam de um grande volume de dados como, Importação de usuários, Re-publicação de matérias, Geração de Massa ou Backup, para tudo o que eu consigo separar [...]]]></description>
			<content:encoded><![CDATA[<p>A WebAppers fez um plugin muito bom para o Prototype, trata-se de uma barra de progresso &#8220;estilizada&#8221;, eu ja costumo usar barra de progresso para alguns processos demorados que tratam de um grande volume de dados como, Importação de usuários, Re-publicação de matérias, Geração de Massa ou Backup, para tudo o que eu consigo separar e mensurar a execução do processo! Mas ainda não tinha visto uma tão &#8220;bonitinha&#8221;, e como todos sabemos, á a aparência do seu sistema que vende.</p>
<p>Vale a pena conferir</p>
<p><a title="Javascript Progress / Percentage Bar with CSS by WebAppers" href="http://www.webappers.com/progressBar/"><br />
<img src="http://www.ajaxianos.com.br/arquivos/WebAppers.png" alt="" border="0" /></a></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%2F2008%2F06%2Fbarra-de-progresso-com-prototype%2F&amp;title=Barra%20de%20progresso%20com%20prototype" 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/2008/06/barra-de-progresso-com-prototype/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

