<?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; Chrome</title>
	<atom:link href="http://www.ajaxianos.com.br/category/chrome/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>Google Chrome browser baseado no Webkit</title>
		<link>http://www.ajaxianos.com.br/2008/09/google-chrome-browser-baseado-no-webkit/</link>
		<comments>http://www.ajaxianos.com.br/2008/09/google-chrome-browser-baseado-no-webkit/#comments</comments>
		<pubDate>Wed, 03 Sep 2008 13:39:08 +0000</pubDate>
		<dc:creator>Alexandre</dc:creator>
				<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Dicas]]></category>

		<guid isPermaLink="false">http://www.ajaxianos.com.br/2008/09/google-chrome-browser-baseado-no-webkit/</guid>
		<description><![CDATA[Ontém o Google lançou seu browser e minhas primeiras impressões sobre ele são boas.É um navegador baseado no webkit que também é base para o Safari e como o navegador da Apple é bastante leve.Todas as aplicações javascript que possuo rodaram nele sem problemas.Gostei do visual &#8220;clean&#8221;, do recurso de arrastar as abas para fora [...]]]></description>
			<content:encoded><![CDATA[<p>Ontém o Google lançou  seu <a href="http://www.google.com.br/chrome">browser</a> e minhas primeiras impressões sobre ele são boas.<br />É um navegador baseado no <a href="http://webkit.org/">webkit</a> que também é base para o <a href="http://www.apple.com/safari/">Safari </a>e como o navegador da Apple é bastante leve.<br />Todas as aplicações javascript que possuo rodaram nele sem problemas.<br />Gostei do visual &#8220;clean&#8221;, do recurso de arrastar as abas para fora do navegador e da velocidade no carregamento das páginas.<br />Ainda não dá para parar de usar o Firefox, mas este me parece um navegador bem promissor, ainda mais com uma grande empresa de Internet por trás.<br />Se alguém encontrar alguma dificuldade em algum procedimento que envolva javaScript com o Chrome, por favor, deixe seu comentário.<br />Segue abaixo uma dica de como identificar o Chrome via javaScript:
<pre name="code" class="js">var chrome = navigator.userAgent.toLowerCase().indexOf(&quot;chrome&quot;) &gt; -1;</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%2F2008%2F09%2Fgoogle-chrome-browser-baseado-no-webkit%2F&amp;title=Google%20Chrome%20browser%20baseado%20no%20Webkit" 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/09/google-chrome-browser-baseado-no-webkit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

