jQuery no Spotlight

25 de maio de 2009 ~ Comente! ~ Tags:, ,

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

2 de setembro de 2007 ~ 2 comentários ~ Tags:, ,

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!

10 de agosto de 2007 ~ 1 comentário ~ Tags:, ,

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: Continue lendo →


Bookmarklet para ver propriedades dos elementos de uma página

5 de agosto de 2007 ~ Comente! ~ Tags:,

O XRAY é um bookmarklet para Safari e família Mozilla que mostra as características de determinado elemento de uma página. Para quem usa Firefox, o XRAY lembra a função Inspect da extension Firebug. Recomendado!

P.S.: do mesmo desenvolvedor do XRAY vem um guia bacaníssimo sobre CSS.


Novas janelas em Javascript não-obstrusivo

23 de junho de 2007 ~ 3 comentários ~ Tags:,

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).

  1. <a href="http://example.com/" onclick="
  2.    if (confirm('Open this link in a new window?')) {
  3.      open('http://example.com/');
  4.      return false;
  5.    }
  6. ">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:

  1. <a href="http://example.com/" class="ext">external link</a>
  2. <script type="text/javascript">
  3.   var links = document.getElementsByTagName("a");
  4.   for (var i = 0; i < links.length; i++) {
  5.    var link = links[i];
  6.    if (link.className == "ext") {
  7.      link.onclick = clickHandler;
  8.    }
  9.  }
  10.  
  11.  function clickHandler() {
  12.    if (confirm("Open this link in a new window?")) {
  13.      open(this.href);
  14.      return false;
  15.    }
  16.  }
  17. </script>


Expressões Regulares rocks!

24 de maio de 2007 ~ Comente! ~ Tags:, ,

O dilema da comunicação entre gerações diferentes terminaram! Agora você pode responder os feedbacks dos usuários de suas aplicações em miguxês! O que as expressões regulares não fazem?!?! É, tem gente que não tem o que fazer :P


12 efeitos bacanas com script.aculo.us

13 de novembro de 2006 ~ 5 comentários ~ Tags:,

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
Continue lendo →


Bookmarklets

8 de junho de 2006 ~ 1 comentário ~ Tags:,

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.


Últimos textos do blog

Tagcloud

abraweb acadêmico actionscript ajax apache apple arteccom asp autosimulado backup benchmark beta bh blogosfera bookmarklet bookmarklets brasil browser censura chrome chucknorris cms codestacker concurso crítica css dashboard deployment desenvolvimento design dicas divinópolis dotmac download dreamhost economia editor empreendedorismo empreendorismo encontro estatísticas extreme programming feedburner firefox fireworks flash flickr ftp game git globo gmail golive google greasemonkey guerrilha hack host howto htaccess html humor ie inss internet banking iphone ipod is® javascript jquery layout leopard linux listas live locomotive mac meme microsoft miguxês minasonrails mod_rails mp3 msn mysql off tropic opensocial opera orkut oscommerce parser passenger pc personalidade pesquisa php plugin plugins pog portfolio produtividade publicidade rails raspberry refurbished regex resenha review ria rss ruby rádio safari sandbox screencast screensaver script.aculo.us seo shoutcast silverlight software spam startup stevejobs subversion suporte swf switch são paulo teste textmate trabalho tumblelog tumblr tutorial twitter ui uml usabilidade validação viral wallop web2.0 webalizer webdesign webdevelopment webkit webmail webmobile webobjects webstandards windows wordpress xml yahoo youtube

Veja todos os textos →