<?xml version="1.0" encoding="ISO-8859-1" ?><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/"
>

<channel>
	<title>Ciro Feitosa</title>
	<link>http://cirofeitosa.com.br/</link>
	<description>Desenvolvimento, Web Standards, Acessibilidade e outros assuntos.</description>
	<language>pt-br</language>
	<copyright>Ciro Feitosa</copyright>
	<image>
		<title>Ciro Feitosa</title>
		<url>http://cirofeitosa.com.br/img/logo-rss.gif</url>
		<link>http://cirofeitosa.com.br/</link>
	</image>
	<item>
		<title>Thickbox e jQuery > 1.2.6</title>
		<link>http://cirofeitosa.com.br/post/thickbox-jquery-126</link>
		<comments>http://cirofeitosa.com.br/post/thickbox-jquery-126#comentario</comments>
		<pubDate>Tue, 02 Jun 2009 08:59:36</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/thickbox-jquery-126</guid>
		<description><![CDATA[Solução para o erro na galeria de fotos do Thickbox,usando versões > 1.2.6 do jQuery]]></description>
		<content:encoded><![CDATA[<p>Para quem usa o <a href="http://jquery.com/demo/thickbox/" rel="external">Thickbox</a>, já deve ter percebido que não funciona corretamente utilizando as versões > 1.2.6 do <a href="http://jquery.com/" rel="external">jQuery</a>.</p>
<p>Um exemplo de quando o erro acontece é quando se tem uma galeria de fotos utilizando o atributo <code>rel</code> para agrupar as imagens.</p>
<p>Perdi várias horas debugando o código em busca de uma solução. Por causa deste erro, fiquei impossibilitado de atualizar o jQuery em diversos sites e sistemas.</p>

<h2>Motivo</h2>

<p>O seletor, usado para contagem das fotos de uma galeria, utiliza uma sintaxe de atributos que foi abortada pelas novas versões do jQuery.</p>

<p>Código do Thickbox:</p>

<pre>
TB_TempArray = $("a[@rel="+imageGroup+"]").get();
</pre>

<h2>Solução</h2>

<p>Retire o <code>@</code> antes do atributo <code>rel</code> e voilá!</p>

<pre>
TB_TempArray = $("a[rel="+imageGroup+"]").get();
</pre>

<p>Aproveitem para atualizar suas versões do jQuery! :-)</p>]]></content:encoded>
	</item>
	<item>
		<title>jQuery na revista Webdesign</title>
		<link>http://cirofeitosa.com.br/post/jquery-revistawebdesign</link>
		<comments>http://cirofeitosa.com.br/post/jquery-revistawebdesign#comentario</comments>
		<pubDate>Fri, 14 Nov 2008 10:17:53</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/jquery-revistawebdesign</guid>
		<description><![CDATA[Na última edição 59 da <a href="http://www.revistawebdesign.com.br" rel="external">revista Webdesign</a>, tive participação numa breve matéria sobre jQuery]]></description>
		<content:encoded><![CDATA[<p><img src="/img/revista-webdesign-59.jpg" alt="Capa da edição 59 da Revista Webdesign" class="img-esq" />Na edição 59 (novembro de 2008) da <a href="http://www.revistawebdesign.com.br" rel="external">revista Webdesign</a>, saiu uma breve matéria sobre jQuery e sua influência na melhoria de produtividade do desenvolvedor.</p>

<p>Dei uma palhinha junto com o <a href="http://dgmike.com.br/" rel="external">Michael Granados</a> e o <a href="http://felipediesel.net/" rel="external">Felipe Diesel</a>.</p>

<p>Confira a seguir.</p>

<h2>jQuery: quando o menos é mais no desenvolvimento Web</h2>

<p style="text-align: center"><a title="Ampliar" href="/img/jquery-revista-webdesign.jpg"><img src="/img/jquery-revista-webdesign-mini.jpg" alt="Matéria sobre jQuery na Revista Webdesign" /></a></p>

<h2>Links da matéria (dicas de leitura)</h2>

<ul>
	<li><a href="/post/jquery">jQuery = Produtividade</a></li>
	<li><a href="http://docs.jquery.com" rel="external">Documentação oficial - jQuery</a></li>
	<li><a href="http://www.tableless.com.br/jquery" rel="external">Especial sobre jQuery - Tableless</a></li>
	<li><a href="http://www.tinyurl.com/guia-jquery" rel="external">Guia "Por onde começar com jQuery"</a></li>
	<li><a href="http://dgmike.com.br/guia-rapido-jquery" rel="external">Guia rápido jQuery</a></li>
	<li><a href="http://www.tinyurl.com/tutorial-webwall" rel="external">jQuery Tutorials for Designers</a></li>
</ul>]]></content:encoded>
	</item>
	<item>
		<title>Solução para erro no IE: operação anulada</title>
		<link>http://cirofeitosa.com.br/post/erro-ie-operacao-anulada</link>
		<comments>http://cirofeitosa.com.br/post/erro-ie-operacao-anulada#comentario</comments>
		<pubDate>Fri, 31 Oct 2008 07:54:01</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/erro-ie-operacao-anulada</guid>
		<description><![CDATA[O que fazer quando o IE exibe a mensagem: 'O Internet Explorer não pode abrir o site da Internet http://seusite.com.br/link. Operação anulada.' ?]]></description>
		<content:encoded><![CDATA[<p>Este não é um problema novo, porém me deparei somente agora. E lá vou eu compartilhar a história.</p>

<h2>Situação</h2>

<p>Um cliente me liga avisando que não consegue abrir um link de um sistema no IE. Simplesmente dá erro e aborta o link.</p>

<p>Observei o código inteiro, aparentava tudo certo e funciona em outros browsers (Firefox, Opera, etc.).</p>

<h2>Erro</h2>

<p class="destaque">O Internet Explorer não pode abrir o site da Internet http://seusite.com.br/link.<br />Operação anulada.</p>

<p>O que fazer quando o IE exibe a mensagem acima (em alert) e depois redireciona para uma página de erro interna?</p>

<h2>Causa</h2>

<p>Isso ocorre quando existe algum código JavaScript modificando o <acronym title="Document Object Model (Modelo de Objeto de Documentos)">DOM</acronym> antes do término do carregamento da página.</p>

<h2>Solução</h2>

<p>Certifique-se de que seus trechos de códigos rodem depois que o <acronym title="Document Object Model (Modelo de Objeto de Documentos)">DOM</acronym> estiver completamente carregado (DOM ready).</p>

<p>Se você usa <a href="/post/jquery">jQuery</a>, pode fazer:</p>

<pre>
$(document).ready(function()
{
	/*
	 * insira seu código aqui
	 */
});
</pre>

<p>Simples assim :-)</p>]]></content:encoded>
	</item>
	<item>
		<title>Google Search Masters 2008</title>
		<link>http://cirofeitosa.com.br/post/google-search-masters</link>
		<comments>http://cirofeitosa.com.br/post/google-search-masters#comentario</comments>
		<pubDate>Thu, 25 Sep 2008 17:04:29</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/google-search-masters</guid>
		<description><![CDATA[Um resumo de como foi o evento que aconteceu em São Paulo (SP) promovido pelo Google para Webmasters]]></description>
		<content:encoded><![CDATA[<p style="text-align:center; font-size:x-small"><img src="http://farm4.static.flickr.com/3015/2887844651_6f36c5f284.jpg" width="500" height="375" alt="Palco do Google Search Masters" /><br />&copy; <a href="http://www.flickr.com/photos/thiagomelo/2887844651/" rel="external">Foto</a>: Thiago Melo</p>

<p>Aconteceu no último dia 24/09/2008, em São Paulo (SP), o <a href="http://www.googlesearchmasters08.com.br/" rel="external">Google Search Masters 2008</a>. Um evento promovido pelo <a href="http://www.google.com.br/" rel="external">Google</a> com conteúdo para Webmasters.</p>

<blockquote>
<img src="/img/google-search-masters.jpg" alt="Logo" style="float: right; margin-left: 10px" />O Google Search Masters 2008 objetiva revisar e explicar as ferramentas que o Google disponibiliza para os webmasters para que possam aproveitar todo o potencial de seus sites. Nossos engenheiros serão os seus anfitriões durante um passeio pela Central do Webmaster, Webmasters Tools, Grupos U2U, Google Search Appliance e Mecanismo de Pesquisa Personalizada.
</blockquote>

<p>Com uma excelente organização, mas pecando em não ter conexão WiFi liberada, o hotel <a href="http://www.caesar-park.com/" rel="external">Ceasar Park Faria Lima</a> recebeu aproximadamente 600 convidados que lotaram o auditório.</p>

<p>A maioria das palestras deixou a desejar, os assuntos abordados não traziam muitas novidades. Talvez tenham ajudado aos iniciantes.</p>

<p>Desta forma, o <em>networking</em> foi o mais importante. Apareceu por lá muita gente, e alguns acabei conhecendo pessoalmente. O trio BBB (<a href="http://www.brpoint.net/" rel="external">Bruno Alves</a>, <a href="http://www.brunodulcetti.com/blog/" rel="external">Bruno Dulcetti</a> e <a href="http://brunotorres.net/" rel="external">Bruno Torres</a>), o <a href="http://www.revolucao.etc.br/" rel="external">Henrique C. Pereira</a>, o <a href="http://diegomascarenhas.com.br/blog/" rel="external">Diego Mascarenhas</a>, o <a href="http://www.profissaoweb.com/" rel="external">Thiago Melo</a>, o <a href="http://www.undergoogle.com/blog/" rel="external">Fernando Kanarski</a>, o <a href="http://rufspace.com/" rel="external">Felipe Cicconi</a>, o <a href="http://techbits.com.br/" rel="external">Alexandre Fugita</a>, e muitos outros.</p>

<p>Neste post, faço um resumo de cada palestra, na ordem que foram apresentadas. Citarei algumas observações dos palestrantes, mesmo que sejam conhecimentos básicos.</p>

<h2>1. Google Search Appliances</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3006/2886526827_baf828c27c.jpg" width="500" height="333" alt="Francisco Gioielli" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2886526827/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O Francisco Gioielli, da divisão Enterprise do Google, demonstrou o produto Google Search Appliances: uma solução de buscas para empresas.</p>

<p>O produto oferece uma personalização da busca tanto em questões de interface, quanto em relevância de como os resultados aparecerão. Além disso, é possível integrar o <acronym title="Google Search Appliances">GSA</acronym> com o Google Desktop e o Google.com, oferecendo ao usuário uma busca nas três base de dados.</p>

<h2>2. Grupos U2U de Webmasters</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3067/2887362406_03325ca040.jpg" width="500" height="333" alt="Pedro Dias" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2887362406/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O português Pedro Dias falou do <a href="http://groups.google.com/group/google-sitemaps-pt_BR?hl=pt-BR" rel="external">Grupo de Ajuda a Webmasters</a> e de algumas técnicas para melhores posicionamentos no Google.</p>

<p>Ele ainda confirmou que a técnica do <em>header 301</em>, que muitos utilizam para redirecionar uma página não mais existente para um novo endereço, herda as propriedades da página antiga (incluindo <a href="http://pt.wikipedia.org/wiki/PageRank" rel="external">PageRank</a>).</p>

<p>Sobre a prática de conteúdo duplicado, Dias deixou claro que o Google está cada vez mais eficaz em detectar os sites praticantes e bani-los.</p>

<p>Em relação aos sites em Flash (tema de várias perguntas em várias palestras) não serem muito bem indexados pelo Google, ele afirma: criem tags <em>&lt;noscript&gt;</em> e mantenham o conteúdo (texto) do Flash acessível por buscadores (seja no código HTML ou criando versões do site sem Flash).</p>

<h2>3. Webmasters Tools</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3158/2888078402_12d5b729eb.jpg" width="500" height="332" alt="Ben D'Angelo" /><br />&copy; <a href="http://www.flickr.com/photos/rtarga/2888078402/" rel="external">Foto</a>: Renato Targa</p>

<p>O Ben D'Angelo fez uma apresentação demonstrando os recursos das <a href="http://www.google.com/webmasters/sitemaps/?hl=pt-BR" rel="external">Ferramentas para Webmasters</a> (Webmaster Tools). O sistema possui alguns recursos interessantes, um deles é a possibilidade de referenciar um site à uma região/país (<em>geographic target</em>).</p>

<p>Ainda afirma sobre a importância das <em>meta-tags</em>, em serem concisas e não repetidas em várias páginas, e atributos <em>alt</em> para imagens.</p>

<p>Mas foi nas perguntas dos convidados que o palestrante decepcionou. Numa pergunta sobre os atributos <em>title</em> e <em>alt</em>, Ben demonstrou desconhecimento. Numa outra pergunta sobre <em>Web Standards</em>, idem. Nem preciso continuar né?!.</p>

<h2>4. Central do Webmaster e Melhores Práticas</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3223/2886533409_1c65788406.jpg" width="500" height="333" alt="Adam Lasnik" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2886533409/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O Adam Lasnik deu um show de apresentação. Começa com um dado global: "mais de 70% das buscas são feitas fora dos EUA". Assim, afirma que o Google tem uma grande preocupação com outros países.</p>

<p>Mostrou como o buscador ajuda os Webmasters:</p>
<ul>
	<li>Com ferramentas:
		<ul>
			<li>Webmaster Tools</li>
			<li>Website Optimizer</li>
		</ul>
	</li>
	<li>Com informação:
		<ul>
			<li>Estatísticas (Analytics)</li>
			<li>Dicas na seção Webmasters</li>
		</ul>
	</li>
	<li>Com eventos e discussões:
		<ul>
			<li>Comunidades e Fórums</li>
			<li>Eventos ao redor do mundo</li>
		</ul>
	</li>
</ul>

<p>Mostrou, ainda, como fazer com que seu site apareça:</p>

<ol>
	<li>Por meio do <a href="http://www.google.com.br/intl/pt-BR/add_url.html" rel="external">formulário de submissão de páginas</a></li>
	<li>Uso de <em>Sitemaps</em>
		<ul>
			<li>HTML - mapas de sites lidos por pessoas</li>
			<li>XML - mapas de sites lidos por buscadores</li>
		</ul>
	</li>
	<li>Através de links externos</li>
</ol>

<p>Continuou fazendo observações sobre o cuidado em não criar um site 100% Flash ou 100% JavaScript, efetuar testes do seu site (em celulares, leitores de tela, browsers em modo texto, etc.), criar títulos de páginas eficazes e específico por página, e usar o <em>header 301</em> quando uma página não mais existir.</p>

<h2>5. Mecanismo de Pesquisa Personalizada</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3256/2886542371_059334ba17.jpg" width="500" height="333" alt="Rajat Mukherjee" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2886542371/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O indiano Rajat Mukherjee demonstrou o produto <a href="http://www.google.com.br/cse/" rel="external">Google Pesquisas Personalizadas</a>, seu funcionamento e cases de sucesso.</p>

<p>É interessante notar que um site que não possui uma busca interna eficaz, torna a localização da informação mais demorada e confusa para o usuário. As pessoas estão acostumadas a utilizar as buscas também nos sites.</p>

<h2>6. O Futuro da pesquisa</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3229/2886551461_28d0f65027.jpg" width="500" height="333" alt="Daniel Loreto" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2886551461/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O Daniel Loreto fala sobre as tendências do futuro da busca e demonstra alguns dos produtos do Google <a href="http://labs.google.com/" rel="external">em desenvolvimento</a>.</p>

<p>As duas tendências abordadas foram:</p>

<ol>
	<li>Distribuição e acesso ao conteúdo
		<ul>
			<li>Acesso a informação em qualquer lugar (<a href="http://www.google.com.br/mobile/" rel="external">Google Mobile</a>)</li>
			<li>Página de pesquisa universal (busca única com imagens, vídeos, livros, etc.)</li>
		</ul>
	</li>
	<li>Análise de conteúdo
		<ul>
			<li><a href="http://books.google.com.br/" rel="external">Google Books</a> - Pesquisa em livros</li>
			<li><a href="http://www.google.com/experimental/" rel="external">Google Views</a> - Nova interface de busca, com timelime</li>
			<li><a href="http://labs.google.com/gaudi" rel="external">Google Audio Indexing</a> - Indexação de áudio em texto</li>
		</ul>
	</li>
</ol>

<h2>7. Novos produtos</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3092/2886561877_a776802f67.jpg" width="500" height="333" alt="Fernando Delgado" /><br />&copy; <a href="http://www.flickr.com/photos/henriquecostapereira/2886561877/" rel="external">Foto</a>: Henrique C. Pereira</p>

<p>O Fernando Delgado falou muito sobre o <a href="http://knol.google.com" rel="external">Knol</a> e a metodologia e melhoria nas traduções do Google.</p>

<p>Para citar a importância das traduções, ele começa com uma frase: "Para cada pesquisa feita na América Latina há apenas metade dos documentos do que no resto do mundo".</p>

<p>Muito interessante a forma como o algoritmo trabalha para conseguir (ou tentar) uma tradução precisa e o volume de dados em questão.</p>

<h2>Considerações finais</h2>

<p style="text-align: center; font-size: x-small"><img src="http://farm4.static.flickr.com/3015/2888678046_46ca6a62a0.jpg" width="500" height="332" alt="Placa do Google Search Masters" /><br />&copy; <a href="http://www.flickr.com/photos/thiagomelo/2888678046/" rel="external">Foto</a>: Thiago Melo</p>

<p>Talvez tenha esperado muito, mas o evento deixou a desejar no nível das apresentações. Pouco aprofundamento no assunto e observações superficiais. Mas como citei no início, o <em>networking</em> valeu.</p>

<p>Por fim, um evento Web sem WiFi é lastimável né?!</p>]]></content:encoded>
	</item>
	<item>
		<title>Aniversário do Profissão Web</title>
		<link>http://cirofeitosa.com.br/post/aniversario-profissao-web</link>
		<comments>http://cirofeitosa.com.br/post/aniversario-profissao-web#comentario</comments>
		<pubDate>Mon, 31 Mar 2008 18:16:40</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/aniversario-profissao-web</guid>
		<description><![CDATA[O blog Profissão Web está completando 1 ano. Foi criado um concurso para presentar os blogueiros.]]></description>
		<content:encoded><![CDATA[<p>O blog <a href="http://www.profissaoweb.com/" rel="external">Profissão Web</a>, do Thiago Melo, esta completando 1 ano.</p>

<p>Como forma de presentar os leitores (incluindo eu), foi criada uma espécie de <a href="http://www.profissaoweb.com/2008/03/07/profissao-web-faz-1-ano-e-quer-presentear-voce/" rel="external">concurso</a>, que presenteia os blogueiros que indicarem melhorias para o site.</p>

<p>Acho o visual do site bem criativo e harmônico, estrutura de seções organizada, código HTML semântico, que fica até difícil sugerir melhorias. Mas listo algumas (pequenos detalhes, às vezes):</p>

<ul>
	<li>Que tal escrever uma série de artigos sobre os ramos de profissionais na Web? O dia-a-dia na profissão de um designer, desenvolvedor, arquiteto de informação, etc.</li>
	<li>Ao final de cada artigo, os links do trecho "Procure por..." se confudem com os links do post. É proposital? :-)</li>
	<li>Redução no número de publicidade numa mesma página. Na última visita, tinha identificado Adsense, Americanas.com, Dreamhost e Dell. Sei que isso gera renda para o site, mas talvez uma distribuição menos agressiva possa gerar melhores resultados</li>
	<li>No link <em>Agências de Web</em>, separar os resultados por Estados e Cidades</li>
	<li>No link <em>Arquivo</em>, informar os meses em Português</li>
</ul>

<p>Sucesso e parabéns ao <strong>Profissão Web</strong>!</p>]]></content:encoded>
	</item>
	<item>
		<title>Bloqueando execução de scripts com .htaccess</title>
		<link>http://cirofeitosa.com.br/post/bloqueando-execucao-scripts-htaccess</link>
		<comments>http://cirofeitosa.com.br/post/bloqueando-execucao-scripts-htaccess#comentario</comments>
		<pubDate>Tue, 19 Feb 2008 06:31:12</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/bloqueando-execucao-scripts-htaccess</guid>
		<description><![CDATA[Dica onde você pode bloquear execução de scripts em determinado diretório utilizando .htaccess. Simples assim.]]></description>
		<content:encoded><![CDATA[<p>Dica rápida!</p>

<p>Você pode bloquear execução de qualquer tipo de scripts (PHP, ShellScript, Perl, etc.) ou páginas específicas, utilizando seu arquivo <strong>.htaccess</strong> do Apache (veja também: <a href="/post/urls-mod-rewrite">URLs amigáveis com mod_rewrite</a>).</p>

<p>Esse recurso pode ser utilizado em diretórios de <em>uploads</em> abertos a usuários. Assim, você terá a certeza de que não será possível a execução de scripts maliciosos no diretório.</p>

<h2>Exemplo</h2>

<p>Salve o trecho abaixo num arquivo <code>.htaccess</code> e copie para o diretório desejado. Lembrando que os diretórios filhos herdam as regras do diretório pai.</p>

<pre>
RewriteEngine on
RewriteRule .(\.php|\.php3|\.php4|\.php5|\.phtml|\.sh|\.pl)$ erro.htm
</pre>

<p>Entendendo: a regra acima redireciona qualquer extensão <code>.php</code>, <code>.php3</code>, <code>.php4</code>, <code>.php5</code>, <code>.phtml</code>, <code>.sh</code> e <code>.pl</code> para o arquivo <code>erro.htm</code>.</p>

<p>Simples assim ;-)</p>]]></content:encoded>
	</item>
	<item>
		<title>jQuery = Produtividade</title>
		<link>http://cirofeitosa.com.br/post/jquery</link>
		<comments>http://cirofeitosa.com.br/post/jquery#comentario</comments>
		<pubDate>Sun, 17 Feb 2008 03:21:34</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/jquery</guid>
		<description><![CDATA[<p>Neste artigo exponho o ganho de produtividade que venho tendo utilizando esta biblioteca JavaScript.</p>]]></description>
		<content:encoded><![CDATA[<p>Aproveitando o recém-lançamento da versão <a href="http://docs.jquery.com/Release:jQuery_1.2.3" rel="external">1.2.3</a> do <a href="http://jquery.com/" rel="external">jQuery</a>, resolvi escrever este artigo (que já estava no forno há um bom tempo) baseado no ganho de produtividade que venho tendo utilizando esta biblioteca JavaScript.</p>

<p>Diga-se de passagem, já utilizei outras bibliotecas, como o <a href="http://www.prototypejs.org/" rel="external">Prototype</a>. A mudança veio depois de comparar o desempenho e até mesmo o tamanho da biblioteca incluída nos projetos, sendo 29KB do jQuery 1.2.3 (versão comprimida) contra 123KB do Prototype 1.6.0.2. Escrevi rapidamente, aqui no Blog, <a href="/post/bibliotecas-javascript-1">sobre o Prototype e outras bibliotecas</a>.</p>

<h2>O que é jQuery?</h2>

<p>Para os paraquedistas no assunto, jQuery é uma biblioteca JavaScript, criada por <a href="http://ejohn.org/" rel="external">John Resig</a> e equipe, que facilita o manuseio do JavaScript em se tratando de manipulação de atributos, eventos, efeitos, interações Ajax, etc. </p>

<p>Na maioria das vezes, você conseguirá produzir uma experiência de interface com o usuário melhor e, ao mesmo tempo, escrevendo códigos de forma mais rápida pelo fato do jQuery possuir métodos e atributos prontos para uso.</p>

<p>Se você quer começar a praticar, recomendo o tutorial <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery" rel="external">Getting Started with jQuery</a> do <a href="http://bassistance.de/">Jörn Zaefferer</a> ou a <a href="http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html" rel="external">versão traduzida</a> por Carlos Pires. Além deste ponta-pé inicial, visite também a <a href="http://jquerybrasil.com/" rel="external">comunidade jQuery Brasil</a> com conteúdo selecionado e seu <a href="http://jquerybrasil.com/forum/index.php" rel="external">fórum de discussão</a>.</p>

<p>Por falar em tutorial, o projeto conta com uma documentação bem estruturada, além de outros sites que a complementam. Veja:

citar documentacao
tutoriais
http://visualjquery.com/1.1.2.html

<h2>Acelerando o desenvolvimento</h2>

<p>Em vez de escrever <code>document.getElementById('id')</code>, escreva <code>$('#id')</code>. Quer mostrar ou ocultar uma camada: Utilize os métodos <code>show()</code> e <code>hide()</code>, ex.: <code>$('#id').show()</code>. </p>

<p>São métodos prontos para serem utilizados em se tratando de Efeitos, CSS, Seletores, Ajax, etc. Veja a <a href="http://docs.jquery.com/" rel="external">documentação do jQuery</a> para guia e exemplos.</p> 

<h2>Extendendo o uso com Plugins</h2>

<p>Diversos plugins são desenvolvidos baseados no jQuery. Um deles, largamente utilizado, é o <strong>Thickbox</strong>.</p>

<p>O <a href="http://jquery.com/demo/thickbox/" rel="external">Thickbox</a> possibilita a você abrir janelas dinâmicas ou estáticas internas ao seu site, com efeito de abertura, sombra ao redor do conteúdo. É possível abrir qualquer documento e ainda criar galerias de imagens.</p>

<p>Além deste, você pode encontrar centenas de <a href="http://plugins.jquery.com/" rel="external">plugins separados por categoria</a>.</p>

<h2>Mão na massa</h2>

<p>Sem muito prolongar no assunto, selecionei alguns exemplos práticos e auto-explicativos sobre várias situações encontradas no dia-a-dia de muito desenvolvedor:</p>

<ul>
	<li><a href="http://docs.jquery.com/Effects/toggle" rel="external">Mostrando ou ocultando uma camada</a></li>
	<li><a href="http://docs.jquery.com/CSS/css#namevalue" rel="external">Alterando propriedades CSS via JavaScript</a></li>
	<li><a href="http://jquery.com/demo/thickbox/#examples" rel="external">Usando ThickBox para criar janelas suspensas</a></li>
</ul>

<h2>O que falam por aí...</h2>

<p>Selecionei links com conteúdo relevante sobre o assunto. São dicas e tutoriais interessantes com problemas encontrados no dia-a-dia. Ao redor do mundo existem fiéis pregadores desta bibliotecas.</p>

<p>Boa produtividade a todos!</p>

<p>Links em português:</p>

<ul>
	<li><a href="http://simplesideias.com.br/lidando-com-checkbox-no-jquery/" rel="external">Lidando com checkbox no JQuery</a></li>
	<li><a href="http://blog.klaus.pro.br/ler/javascript/2007/javascript-e-com-jquery/21/index.html" rel="external">Javascript é com jQuery</a></li>
	<li><a href="http://felipediesel.net/blog/jquery-modulo-ajax/" rel="external">Módulo Ajax do jQuery</a></li>
	<li><a href="http://rafaelcunha.com/2007/05/10/populando-combobox-com-jquery-ajax/" rel="external">Populando combobox com jQuery (Ajax)</a></li>
	<li><a href="http://www.tuliofaria.net/jquery-marcandodesmarcando-todos-os-checkbox-checkuncheck-checkboxes/" rel="external">Marcando/desmarcando todos os checkbox</a></li>
</ul>

<p>Links em inglês:</p>

<ul>
	<li><a href="http://15daysofjquery.com/" rel="external">15 Days of jQuery</a></li>
	<li><a href="http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/" rel="external">Accessible, unobtrusive JavaScript tabs with jQuery</a></li>
</ul>
]]></content:encoded>
	</item>
	<item>
		<title>Meus feeds favoritos</title>
		<link>http://cirofeitosa.com.br/post/feeds-favoritos</link>
		<comments>http://cirofeitosa.com.br/post/feeds-favoritos#comentario</comments>
		<pubDate>Thu, 13 Sep 2007 12:37:41</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/feeds-favoritos</guid>
		<description><![CDATA[Mais um meme na blogosfera, agora seguindo a indicação do Flávio (Japs). Listo alguns feeds (todos ligado à Web).]]></description>
		<content:encoded><![CDATA[<p>Mais um meme na blogosfera, agora seguindo a indicação do <a href="http://www.japs.eti.br/" rel="external">Flávio</a> (Japs). Abaixo listo alguns feeds (todos ligado à Web) que acompanho sempre que disponho de tempo (algo escasso nos últimos meses). Em ordem alfabética:</p>

<ul>
	<li><a href="http://www.cssbeauty.com/" rel="external">CSS Beauty</a>: Novidades sobre assuntos ligados à interface. CSS, JavaScript, curiosidades, lançamentos de novas ferramentas, etc.</li>
	<li><a href="http://fatorw.com/" rel="external">Fator W</a>: Blog do Walmar Andrade, escreve sobre textos sobre Internet, Usabilidade, Acessibilidade, etc. Recomendo.</li>
	<li><a href="http://s1mone.net/" rel="external">Pixeladas Aleatórias</a>: Blog da Simone, escreve sobre novidades e análises de situações encontradas na Web.</li>
	<li><a href="http://project47.viscountbox.com/" rel="external">Project.47</a>: Blog do Carlos Souza, escreve sobre Padrões, WordPress, dicas CSS, etc.</li>
	<li><a href="http://simplesideias.com.br/" rel="external">Simples Idéias</a>: Blog do Nando Vieira, escreve sobre assuntos ligados à desenvolvimento Web.</li>
</ul>

<p>Repassando o meme para o <a href="http://brunotorres.net/" rel="external">Bruno</a>,  <a href="http://fe.eti.br/" rel="external">Fernando</a>, <a href="http://revolucao.etc.br/" rel="external">Henrique</a>, <a href="http://leonardofaria.net/" rel="external">Leonardo</a> e o <a href="http://novo-mundo.org/" rel="external">Rafael</a>.</p>

<p>Boas indicações!</p>]]></content:encoded>
	</item>
	<item>
		<title>Cursos para deficientes visuais</title>
		<link>http://cirofeitosa.com.br/post/cursos-deficientes-visuais</link>
		<comments>http://cirofeitosa.com.br/post/cursos-deficientes-visuais#comentario</comments>
		<pubDate>Thu, 19 Jul 2007 15:38:12</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/cursos-deficientes-visuais</guid>
		<description><![CDATA[O projeto oferece cursos online para deficientes visuais gratuitamente compatível com o DOSVOX.]]></description>
		<content:encoded><![CDATA[<p>O <a href="http://www.iped.com.br/site/iped/2219/" rel="external">Grupo iPED</a>, em mais uma ação de expandir inclusão social e digital, lança o projeto <strong>Eficiente</strong>.</p>

<p>O projeto visa oferecer mais de 50 cursos online para deficientes visuais, <strong>100% gratuitos</strong>. O sistema de ensino é compatível com o leitor de tela <a href="http://intervox.nce.ufrj.br/dosvox/" rel="external">DOSVOX</a> (programa gratuito para deficientes visuais utilizarem o computador, sobretudo a Internet).</p>

<p>Para começar o curso, basta acessar o site <a href="http://www.iped.com.br/?cod=2219" rel="external">www.iped.com.br</a> através do leitor de telas.</p>

<p>Divulgue esta iniciativa!</p>]]></content:encoded>
	</item>
	<item>
		<title>Cursos online para crianças</title>
		<link>http://cirofeitosa.com.br/post/cursos-online-criancas</link>
		<comments>http://cirofeitosa.com.br/post/cursos-online-criancas#comentario</comments>
		<pubDate>Mon, 28 May 2007 16:34:00</pubDate>
		<dc:creator>Ciro Feitosa</dc:creator>
		<guid>http://cirofeitosa.com.br/post/cursos-online-criancas</guid>
		<description><![CDATA[Cursos gratuitos para o público infantil. Agora os pais ficam tranquilos enquanto seus filhos navegam na Internet.]]></description>
		<content:encoded><![CDATA[<p>O <a href="http://www.iped.com.br/?cod=2219" rel="external" title="Cursos">Grupo iPED</a>, com o intuito de difundir a educação também entre o público infantil, lançou o projeto <a href="http://www.iped.com.br/kids/" title="Cursos infantis" rel="external">iPED Kids</a>.</p>

<p>O diferencial é oferecer cursos focado no público de crianças e, como meio de tornar o estudo produtivo e divertido, fez-se o uso de animações interativas com "amiguinhos virtuais" que são personagens com falas reais. Além disso, os alunos poderão trocar mensagens entre si por meio de um sistema próprio, incluindo fotos pessoais.</p>

<p>Inicialmente serão fornecidos cursos de <a href="http://www.iped.com.br/kids/curso/matematica-infantil/&cod=2219" title="Curso de Matemática para crianças" rel="external">Matemática</a>, <a href="http://www.iped.com.br/kids/curso/portugues-infantil/&cod=2219" rel="external" title="Curso de Português para crianças">Português</a>, <a href="http://www.iped.com.br/kids/curso/ciencias-infantil/&cod=2219" title="Curso de Ciências para crianças" rel="external">Ciências</a>, <a href="http://www.iped.com.br/kids/curso/historia-infantil/&cod=2219" title="Curso de História para crianças" rel="external">História</a>, <a href="http://www.iped.com.br/kids/curso/geografia-infantil/&cod=2219" title="Curso de Geografia para crianças" rel="external">Geografia</a> e <a href="http://www.iped.com.br/kids/curso/ingles-infantil/&cod=2219" title="Curso de Inglês para crianças" rel="external">Inglês</a>.</p>

<h2>Passo-a-passo</h2>

<p>O funcionamento é bem simples:</p>

<ol>
	<li>O responsável (pai ou mãe) se cadastra;</li>
	<li>A seguir cadastra seu(s) filho(s);</li>
	<li>Efetua o pagamento, e seus filhos conseguirão acessar os cursos.</li>
</ol>

<p>Veja abaixo algumas funcionalidades que o aluno e o responsável possuem, nos seus respectivos ambientes privativos. Para conhecer mais sobre o projeto, visite: <a href="http://www.iped.com.br/kids/&cod=2219" title="Cursos infantis" rel="external">iPED Kids</a>.</p>

<h3>Ambiente do Aluno</h3>

<ul>
	<li>Realiza os cursos gratuitamente;</li>
	<li>Animações interativas com "amiguinhos virtuais" durante todos os cursos, com exercícios e dicas de como aproveitar melhor;</li>
	<li>Envio e recebimento de mensagens entre colegas <em>online</em>.</li>
</ul>

<h3>Ambiente do Responsável</h3>

<ul>
	<li>Cadastro de filhos (com fotos pessoais);</li>
	<li>Acompanhamento do filho no curso por meio de relatórios detalhados;</li>
	<li>Recebimento por e-mail de acompanhamento pedagógico (opcional);</li>
	<li>Acompanhamento das mensagens enviadas e recebidas pelo filho.</li>
</ul>

<hr size="1" />

<h2>Cursos com apostilas</h2>

<p>Novidade <strong>apenas</strong> para os alunos do iPED Educação:</p>
<blockquote>Além de fazer os cursos, os alunos do <a href="http://www.iped.com.br/&parceiro=2219" rel="external" title="Cursos">iPED Educação</a> também poderão solicitar apostilas impressas, como forma de melhorar o aprendizado e acompanhamento geral. Para mais detalhes, visite o site de <a href="http://www.iped.com.br/cursos/online/" title="Cursos com apostilas" rel="external"><em>cursos online</em></a> e clique no curso desejado.</blockquote>

<hr size="1" />
]]></content:encoded>
	</item>
</channel>
</rss>
