Nada como uma boa pesquisada no google.

Achei a questão que estamos procurando sobre assinaturas HTML para a nova versão do gmail.

Encontrei no site do MeioBit um artigo muito interessante titulado “aproveite melhor o seu gmail“. Abaixo transcrevo parte do artigo:

Já o GMail HTML Signatures é um userscript que permite a inclusão de assinaturas HTML (com gráficos, texto formatado, e o que mais sua imaginação permitir), ao invés da assinatura de texto puro padrão do GMail. Se você tem mais de um endereço de e-mail configurados na sua conta (para poder escolher o remetente de cada mensagem que envia), cada uma delas poderá ter sua própria assinatura associada.

Leia o arquivo completo aqui!

Navegando na web encontrei um artigo muito bacana escrito pelo Élcio Ferreira do tableless sobre AJAX para iniciantes.

É um exemplo muito simples para fazer um site funcionar em 4 camadas, não perdendo a funcionalidade se o javascript não estiver habilitado.

Vale a pena conferir em http://www.tableless.com.br/artigos/ajaxdemo/

Rogério Lino, Estudante do curso de Ciência da Computação, curioso na área da Web e seu desenvolvimento. Escreve um blog sobre internet e afins.

Encontrei vários artigos interessantes.

• Javascript: Image Preloader
• CSS: Loading Image
• Javascript: Tooltip
• Flash e CSS: Banner Flutuante
• Flash: SWF com Fundo transparente
• Flash: Tag Object
• Javascript: Draggable Window
• CSS: Position Fixed IE
• CSS: Centralizar Horizontal e Vertical
• Javascript: setTimeout() e setInterval()
• Pullquote
• Tutorial Caixa de Contrato
• Escrevendo o Primeiro XHTML
• XHTML - O que é?
• Entre outros

Pra quem utiliza com frequência os labels no GMail, e já possui um monte deles, fica difícil de gerenciar pois fica uma lista enorme.
Pois bem amigos, há uma solução para isso, pesquisando encontrei um script para o GreaseMonkey que resolve o problema.
Para instalar siga os passos:

Instale a extensão GreaseMonkey para o firefox: https://addons.mozilla.org/en-US/firefox/addon/748

Instale o script Folders4Gmail do GreaseMonkey: http://userscripts.org/scripts/show/8810

Agora o que você tem que fazer é renomear os seus labels para criar uma estrutura hierárquica entre eles. Suponha que você tenha dois labels, “Cachorro” e “Gato”, para que possa agrupá-los, crie um label “pai” com um nome sugestivo, como “Animais”, e renomeie os outros labels para “Animais\Cachorro” e “Animais\Gato”.
Pronto! O resto o script faz sozinho.

P.S.: Talvez você tenha que reconectar no GMail para que passe a funcionar.

Tenho visto um recurso interessante em alguns sites e principalmente em aplicativos web a la 2.0. Trata-se de uma solicitação ao usuário quando ele tenta fechar a página ou dirigir-se a outra URL. Quando o usuário executa alguma dessas ações, será necessário uma confirmação para fechar ou sair da página em questão.

Tal recurso é feito utilizando-se do evento onbeforeunload da seguinte maneira:

window.onbeforeunload = function() {
return "Aqui você especifica uma mensagem a ser anexada junto a mensagem padrão do navegador.";
}

Quando o usário tentar fechar a página, apertar a tecla F5 ou navegar para uma outra URL, ele deverá confirmar a sua real vontade de sair da página. Observe um exemplo:

Bom, utilizando a imaginação é possível fazer um bom uso desse recurso, ainda mais com o advento do Ajax e das aplicações on-line.

Infelizmente o evento onbeforeunload não funciona no Opera (ou funciona e eu não sei?), somente no Internet Explorer e a partir da versão 0.9 do Firefox.

Navegando em busca de idéias para o meu trabalho semestral de AJAX, encontrei os links abaixo:

http://www.componentart.com/webui/demos

http://demos.mootools.net

http://script.aculo.us

Bem interessante, muitos efeitos e idéias para melhorar ainda mais nossos produtos.

Há algum tempo eu fiz um script de uma tooltip (aquela caixa que abre ao passar o mouse sobre algum link). Infelizmente o código não é dos menores, o que deixaria muito grande o post e sua explicação.

Mas não está difícil de entender. Qualquer dúvida é só deixar um comentário que eu comento logo abaixo explicando.

O seu funcionamento é bem simples. No HTML é adicionado uma div com position absolute com display igual a none. Com o document.onmousemove a posição do mouse é guardada em uma variável então ao passar o mouse sobre qualquer link o display da div (tooltip) muda para block e sua posição (x,y) é setada pela do mouse.

Para ver o exemplo clique aqui.

obs: o código (javascript) está junto com o HTML e o CSS.

Fonte: Rogério Lino

Rogério Lino escreveu uma função muito legal para gerar gráficos com javascript/css.

Você cria um novo objeto Gráfico (sem acento mesmo - new Grafico(n); ) passando o número de barras como parâmetro e então a partir dele com set’s e get’s você gera o seu gráfico.

Clique aqui para vê-lo funcionando.
Clique aui para baixar oarquivo js

O código que gerou o gráfico da imagem acima é o seguinte:

var grafico = new Grafico(11);
grafico.setSize("200px");
grafico.setTitle("Grafico de Barras");
grafico.setSource("Fonte: Fictícia");
grafico.setBarraSize(0, "80%");
grafico.setBarraLabel(0, "manga");
grafico.setBarraSize(1, "30%");
grafico.setBarraLabel(1, "banana");
grafico.setBarraSize(2, "50%");
grafico.setBarraLabel(2, "maracuja");
grafico.setBarraSize(3, "100%");
grafico.setBarraLabel(3, "melancia");
grafico.setBarraSize(4, "70%");
grafico.setBarraLabel(4, "maracuja");
grafico.setBarraSize(5, "76%");
grafico.setBarraLabel(5, "pera");
grafico.setBarraSize(6, "30%");
grafico.setBarraLabel(6, "uva");
grafico.setBarraSize(7, "47%");
grafico.setBarraLabel(7, "melao");
grafico.setBarraSize(8, "25%");
grafico.setBarraLabel(8, "laranja");
grafico.setBarraSize(9, "90%");
grafico.setBarraLabel(9, "abacaxi");
grafico.setBarraSize(10, "10%");
grafico.setBarraLabel(10, "kiwi");

Recentemente tivemos uma discussão de como fazer funcionar um determinado menu no Pocket PC, definimos não utilizar JavaScript neste menu, para que o cliente pudesse visualizar seu site neste dispositivo. Este artigo do Básico da Web fala sobre como utilizar JavaScript em links e ainda sim o html ficar disponível.

http://obasicodaweb.com/como-fazer-links-que-funcionem-com-e-sem-javascript