jQuery Plugin para Twitter

Postado por: Pedro Rogério em
  • 28 out
  • 9

Se você tem a vontade de inserir em seu site os posts do Twitter, saiba que pode fazer isso facilmente com jQuery, com o plugin desenvolvido por Damien du toit. Com ele você vai inserir de uma forma customizável e não obstrutiva em seu site seus últimos posts do Twitter.

De início, você deve efetuar o download do plugin e inserir em seu site os seguintes códigos dentro da tag <head>, além do Framework jQuery:

<link rel="stylesheet" href="jquery.twitter.css" type="text/css" />
<script src="jquery.twitter.js" type="text/javascript"></script>

Após basta adicionar uma div em seu site com o id=”twitter”:

<div id="twitter"></div>

Depois é só definir as configurações de inicialização do plugin:

$(document).ready(function() {
	$("#twitter").getTwitter({
		userName: "jquery",
		numTweets: 5,
		loaderText: "Loading tweets...",
		slideIn: true,
		showHeading: true,
		headingText: "Latest Tweets",
		showProfileLink: true
	});
});

Vejam o demo em funcionamento.

Central Server

Livro sobre jQuery em Português

Postado por: Pedro Rogério em
  • 22 out
  • 8

Capa livro sobre jQuery

No dia 14 de janeiro de 2006 John Resig apresentou ao mundo a sua mais nova criação, a biblioteca de desenvolvimento JavaScript jQuery, que foi criada com o intuito de tornar a vida do desenvolvedor mais fácil, escrevendo menos código e em consequência produzindo mais.

De lá pra cá a popularidade da biblioteca cresceu muito devido a sua facilidade de uso, a partir de agora qualquer um pode desenvolver complexos efeitos em JavaScript com pouquíssimas linhas de código. Até a Microsoft agora vai adicionar a jQuery ao Visual Studio, alguém mais duvida da sua popularidade?

E documentação? Sim, você pode encontrar na web uma vasta documentação sobre a biblioteca, muitas referências em Inglês, alguns livros, boas referências em Português também, mas ainda faltava alguma coisa. Foi pensando nisso que o Maujor anunciou hoje que estará lançando um livro sobre a Biblioteca jQuery, então, portanto, será o primeiro livro em Português sobre o assunto. Ele já era o “Dinossauro das CSS”, lançou seu primeiro livro sobre CSS, depois lançou o livro sobre HTML e agora vai lançar o livro sobre jQuery, com certeza essa foi uma boa notícia para a comunidade desenvolvedora. Meus parabéns Maurício.

Combinação de teclas com jQuery Hotkeys

Postado por: Pedro Rogério em
  • 20 ago
  • 5
jQuery Hotkeys plugin

Está procurando dar mais interatividade a sua aplicação? Imagine então o usuário interajindo com sua aplicação através so teclado. Agora o imagine deletando dados gravados com um simples alt+d. Então você precisa conhecer o plugin jQuery Hotkeys.

Através da captura de combinações de teclas, você pode simplesmente fazer tudo aquilo que quiser, basta utilizar a criatividade. Veja só um exemplo do script em ação.

Mais informações

30 dias de Mootools

Postado por: Pedro Rogério em
  • 18 ago
  • 2

Logo Mootools

Hoje em dia se você necessita de produtividade com certeza já deve ter adotado algum Framework para desenvolvimento, e em JavaScript, existem muitos, os mais conhecidos e utilizados são: jQuery, Prototype e Mootools, cada um com sua particularidade, talvez hoje o jQuery seja a biblioteca mais fácil de ser utilizada, mas conheço gente que acha ela uma porcaria, tudo bem, cada um com sua opnião.

Agora, se você quer aprender mais sobre Mootools, aconselho a ficar ligado nos tutoriais do site Consider Open, onde ele nos trará tutoriais desde o básico até o avançado em Mootools.

Leia mais:

Se você quer ver a opnião de outras pessoas sobre Mootools e jQuery, aconselho a dar uma olhada também nesse post do JulioGreff.

Função getElementsByClassName – Versão 2008

Postado por: Pedro Rogério em
  • 12 ago
  • 1

Robert Nyman, no ano de 2005, publicou em seu blog um artigo entitulado “The Ultimate getElementsByClassName“, uma função desenvolvida em JavaScript, que sem a utilização de qualquer Framework nos pernite obter todos os elementos de uma classe passados por parâmetro.

The Ultimate getElementsByClassName – Versão 2005

function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i &lt; arrElements.length; i++){
        oElement = arrElements[i];
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }
    }
    return (arrReturnElements)
}

Continuar lendo »

Páginas:«12345678910...15»