jQuery no Spotlight

Anteriormente eu postei sobre como integrar a documentação do Ruby e do Rails no dicionário do Mac OS, que automaticamente é indexado pelo Spotlight.

jquery_spotlight

A dica de hoje é copiar o ‘dicionário’ do jQuery para a pasta de dicionários do seu usuário (~/Library/Dictionaries) e curtir a documentação do jQuery dentro do Spotlight.

PS.: existe também um aplicativo AIR com a API do jQuery.
PS 2.: jPlanet é um agregador de conteúdo sobre jQuery. Assine o feed!

 

Script.aculo.us Samplr

Manhã de domingo, acordei com vontade de fazer algo produtivo (ou não tão quanto).
Script.aculo.us Samplr reúne o que eu tinha aqui sobre Script.aculo.us. Na verdade queria eu mesmo fazer todos os exemplos, mas para muitos deixei apenas o link. De toda forma, tem muito coisa bacana.

P.S.: acabou a brincadeira, deixa eu voltar a trabalhar no meu projeto de loja virtual em OSCommerce (sic).
P.S. 2: vamos ver se eu ganho uns trocados com o Adsense dessas páginas. Em agosto, bati meu recorde de rentabilização. Tô me sentindo quase um Problogger (sic 2).

 

Validação deve funcionar com enter!

Um erro comum ao criar validações é que muitas vezes, o desenvolvedor impede que o formulário seja enviado pressionando a tecla Enter (ou return para macusers). Isso geralmente acontece por falta de um botão do tipo submit. O programador coloca um botão no formulário e uma linha de validação via Javascript. Após um amigo me perguntar sobre isso no MSN, aí vai um exemplo de como fazer uma função de validação sem atrapalhar a experiência do usuário: Read more

 

Novas janelas em Javascript não-obstrusivo

A newsletter dessa semana do SitePoint mostrou uma forma bem interessante de abrir novas janelas com javascript não-obstrusivo e validando XHTML Strict (para quem não sabe, o atributo ‘target’ da tag ‘a’ não passa na validação).

<a href="http://example.com/" onclick="
    if (confirm('Open this link in a new window?')) {
      open('http://example.com/');
      return false;
    }
">external link</a>

Basicamente, emprega-se o uso de uma caixa de diálogo. Bem simples. Uma alternativa mais sofisticada é criar uma função e ativá-la através do uso de uma classe. Veja:

<a href="http://example.com/" class="ext">external link</a>
<script type="text/javascript">
  var links = document.getElementsByTagName("a");
  for (var i = 0; i < links.length; i++) {
    var link = links&#91;i&#93;;
    if (link.className == "ext") {
      link.onclick = clickHandler;
    }
  }

  function clickHandler() {
    if (confirm("Open this link in a new window?")) {
      open(this.href);
      return false;
    }
  }
</script>

 

12 efeitos bacanas com script.aculo.us

Criar efeitos visuais em Javascript era algo bem complexo. Muitos efeitos da lista que cito abaixo era algo somente imaginável para criar, para mim, no Flash. Entretanto, as coisas mudaram. O script.aculo.us é uma biblioteca que permite a criação de efeitos de forma super-simples, sem requerer conhecimentos jedi em JS. Vamos a lista então:

1) Image Gallery – Efeitos suaves e bem feitos
2) Reflector – Imagens com reflexos (muito usado no site da Apple)
3) Newsticker – Newsticker não-obstrusivo
4) Auto-Completer – Estilo Google Suggest
5) Auto-Completer – Demo do wiki do script.aculo.us
Read more

 

Bookmarklets

Revista WebdesignHá pelo menos 2 anos, falei dos bookmarklets, Javascripts que modificam o comportamento do navegador. Talvez eles seriam o avó do Greasemonkey, que prometem algo semelhante, mais com uma maior riqueza e poder.

Nas versões anteriores do site, sempre divulgava vários desses Javascripts. Na transição de versão do site, havia me esquecido deles. Mais agora, separei a documentação.

P.S.: Na Revista Webdesign de março desse ano há uma interessante reportagem sobre esses recursos, onde inclusive aparece meu nome.