Posts with the tag: javascript

iPhone e Rails

Read in 1 minute ·

O desenvolvimento de web apps para iPhone requer alguns cuidados especiais. Em nossas aplicações significa pensar em um layout para o gadget. Uma forma rápida de definir o layout para iPhone é através do código abaixo: Para quem quer conhecer o desenvolvimento de web apps para iPhone, vale conhecer os projetos jQTouch e iWebKit. O jQTouch é um plugin do jQuery com uma série de recursos de animação semelhantes ao do aparelho e possui inclusive a funcionalidade de Geo Location.

jQuery no Spotlight

Read in 1 minute ·

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

Bookmarklet para ver propriedades dos elementos de uma página

Read in 1 minute ·

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

Read in 1 minute ·

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.

12 efeitos bacanas com script.aculo.us

Read in 1 minute ·

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

Bookmarklets

Read in 1 minute ·

Há 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.

Greasemonkey para orkut na Faculdade

Read in 1 minute ·

O sysadmin lá da faculdade barrou, no servidor, o acesso à http://www.orkut.com. Coitado, ele esqueceu da URL https://www.orkut.com, via SSL. Aproveitando a deixa, escrevi um pequeno Greasemonkey, que converte todos os links encontrados na página do orkut para o mesmos respectivos links, só que com o S, do https. Parece tosco, né? E é. orkut.user.js