function getParameter(p,href){
		var parName = p.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  		var rx = new RegExp("[\\?&#]"+parName+"=([^&#]*)");
  		var valor = rx.exec(href);
  		if(valor == null){
    		return "";
		}else{
    		return valor[1];
		}
	}

Como onde eu precisei usar, a url nem sempre estava no browser, eu estou passando ela por parâmetro, esta função retorna o valor do parâmetro que você procurou, ou retorna vazio se não encontrar nada, ex:

        alert(getParameter('parametroDaUrl',location.href));

Espero que seja útil

Era uma vez um desenvolvedor web que perdia noites de sono ajustando os seus formulários tentando ao máximo fazer com que ficassem semelhantes nas diferentes versões de navegadores existentes hoje no mercado.

Foi então que o  Nathan Smith criou o Formalize-CSS para não perder sua sanidade, e como se não bastasse isso ele fez com que seu plugin funcionasse com Mootools, JQuery, Dojo, Prototype e YUI.

Ele também disponibilizou o projeto no GitHub para que você possa contribuir com o código.

Na página de demonstração tem screenshots do mesmo formulário em diversos navegadores e sistemas operacionais diferentes, muito interessante.

Parabéns Nathan ( se você conseguir me entender ), e não deixem de conferir o trabalho dele aqui.

Alguns anos atrás quando descubri o prototype me deparei com um framework elegante, leve e que resolvia grande parte dos problemas da época com a incompatibilidade dos navegadores e ainda por cima trazia funções que agilizavam o desenvolvimento javascript.

Estudar o código do prototype foi certamente o melhor experiência de aprendizado que tive em termos de javascript e abriu portas para algumas aplicações RIA que viriam a seguir.

Hoje o framework do momento e  com a filosofia mais “bacana” é o jQuery e uma grande oportunidade de aprender com seu código-fonte está em jQuery Deconstructed.

Nele você pode analisar de uma maneira bem intuitiva com as funções colapsadas e com links entre elas.

Se você quiser realmente ser um “Javascript Rockstar” estudar o jQuery é o caminho.

Cliquem e confiram

http://jquery14.com/day-01/jquery-14

Precisa de algo que bloqueie a tela com fullscreen pra qualquer finalidade? Login, Alerts, Confirm, iFrame, Etc…?
http://malsup.com/jquery/block/#demos

Calendário de eventos em Ajax, Leve e altamente customizável
http://www.webappers.com/2009/05/27/lightweight-highly-customizable-ajax-events-calendar/

O NiceEdit é uma Opção leve e simples ao FckEditor, claro que não tem todos os recursos do FCK, mas é um ótimo editor pra coisas mais simples (Editor de HTML WYSIWYG)
http://www.nicedit.com/

Quer manter o histórico de suas navegações em Ajax? Esta é uma maneira bem simples.
http://codinginparadise.org/weblog/2005/09/ajax-dhtmlhistory-and-historystorage.html

Tooltips, aprenda a fazer bem feito!
http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/
http://plugins.learningjquery.com/cluetip/demo/
http://jquery.bassistance.de/tooltip/demo/

Exemplo bacana de preview de imagens estilo tooltip
http://cssglobe.com/lab/tooltip/02/

Excelente opção de Dropdown estilo iPod/iPhone
http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

Esse site tem ótimos scripts pra diversas utilidades de scroll
http://flowplayer.org/tools/scrollable.html

Script muito bacana de scroll SEM scroll!
http://demos.flesler.com/jquery/localScroll/#section1c

Exemplo bacana de scroll de imagens
http://css-tricks.com/examples/MovingBoxes/

Crie qualquer atalho pra qualquer coisa
http://code.google.com/p/js-hotkeys/

Faça cópia de eventos de elementos para outros.
http://examples.learningjquery.com/51/copyEventsTo.html

Um game baseado em jQuery
http://ajax.phpmagazine.net/2008/11/redline_jquery_powered_racing.html

Consulte o EXIF de imagens usando javascript
http://blog.nihilogic.dk/2008/05/reading-exif-data-with-javascript.html

25 formas de otimizar seu código jQuery
http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Substitua seus alerts, confirm, e prompts por uns outros bem mais legais
http://www.webappers.com/2008/12/31/jquery-alert-confirm-and-prompt-dialogs-replacements/

Procurando por gifs ou imagens para ajax loading? customize o seu nesse site
http://preloaders.net/

Widgets muito bacanas como Timeline(must see), Gráfico, Coverflow
http://code.google.com/p/simile-widgets/

Scroll de imagens e preview, ótima opção pra exibição de produtos.
http://zendold.lojcomm.com.br/icarousel/

Maneira bonita de se fazer fullsize de imagens
http://www.addfullsize.com/

Exemplo bacana de autocomplete ou suggest em jQuery
http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/

Site com muitos games em javascript
http://www.javascriptgaming.com/

Converta string de xml em um objeto DOM usando jQuery
http://outwestmedia.com/jquery-plugins/xmldom/

Galeria estilo iPhoto, muito bacana
http://nettuts.s3.amazonaws.com/357_gallery/demo/index.html#

Algo muito explorado é o Canvas que permite via javascript criar e manipular imagens e formas como vetor, segue alguns exemplos demostrados

Bespin:

http://labs.mozilla.com/projects/bespin/

É um editor de código todo em canvas

Pipes(Yahoo):

http://pipes.yahoo.com/pipes/

Sim, o apresentador estava com camisa do firefox, usou firefox o tempo todo, e apresentou esta ferramenta do Yahoo como um dos cases no uso de canvas!
Com o pipes é possível criar diagramas como se você estivesse usando o Visio ou algo do gênero, você pode movimentar os diagramas e suas ligações acompanham cada caixa, algo antes só possível com flash ou aplicativos desktop

Depois foi a vez de aplicações com audio e video nativos do HTML5, seguem outros exemplos bacanas.
Video em http://mozbox.org/ : os links para o exemplo não estão facilmente distribuidos aqui, mas ao vivo foi mostrado a manipulação de video em tempo real usando efeitos e até mesmo um chroma key em tempo real, onde via javascript colocava a midia dentro de uma variável e nela apagava o RGB da cor de fundo e então substituia por outra imagem qualquer, que pra variar foi usado um logotipo do firefox
Audio em http://hyper-metrix.com/misc/jai/ :  aqui você consegue encontrar facilmente o player e códigos para download

Tanto audio como video com tags próprias para o HTML5, pra variar, o IE não suporta todos os recursos do HTML5

Depois do HTML5, foi apresentado alguns projetos do Google de ferramentas colaborativas open social
- Friendconnect: Ele é uma API que é uma espécie de ponte entre diversos serviços como Orkut, Twitter, Etc…

- WebElements: Outra API que permite a qualquer um inserir com facilidade na sua página algum elemento como o GoogleMaps, ou os últimos Twitts, etc…

Encerrando esta sessão, foi a vez do Google Wave
Realmente a criatura é fantástica, ele ainda esta em Dev e com vários Bugs que obrigou os palestrantes a dar vários F5s durante a demostração, mas tirando isso… o conceito que é empregado é muito inovador.
Ele é uma mistura de email com chat e com compartilhamento de informação, você pode interagir com os participantes nos documentos e textos e em tempo real você consegue ver o que o outro esta escrevendo, as fotos que ele esta colocando(que são arrastadas diretamente do seu desktop para o browser), você pode fazer comentários isolados no meio de um texto, e imagina tudo isso acontecendo ao mesmo tempo! Foi realmente uma ótima apresentação, o corretor ortográfico ficou tão aprimorado que ele chega ao ponto de analizar o contexto do que você esta escrevendo para corrigir as palavras conforme o texto se desenvolve.
Um dos participantes que você pode adicionar na conversa é um robô tradutor que traduz em tempo real pra qualquer idioma o que você esta escrevendo.
Mesmo com bugs eu adoraria experimentar o Wave, não pude ficar até o final do evento, tive que sair depois do almoço.
Aliás, este ano o evento estava muito melhor organizado, a equipe de organização do evento esta 100% de parabéns.
Ah… e desculpem pela falta de fotos, eu fiquei muito entusiasmado com tudo que nem pensei em tirar foto :-s

Atualizado: Eles me mandaram um convite para participar do Wave \o/

http://code.google.com/intl/pt-BR/events/developerday/2009/home.html

Como manter o loading ou menu flutuante ou o que quer que seja visível mesmo quando você faz o scroll.
Nos browsers mais inteligentes como FireFox e Safari uma propriedade no CSS é o suficiente para fazer o loading ficar paradinho sempre visível, mas para o IE(Pelo menos até a versão 6) é necessário fazer uma interferência com javascript para ajustar a posição do elemento.

CSS do loading:

JavaScript:

// Só faz o cheat se for o IE
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
document.documentElement.onscroll = updatePos;
}
function updatePos(){
var pos = document.documentElement.scrollTop;
document.getElementById('loading').style.top = pos;
}

HTML do Loading:

	Carregando...

UPDATE:
Nosso colega Anderson Straube(http://www.andersonstraube.com) indicou um hack mais esperto para o IE.
Mais uma vez… só funciona no IE, é uma função chamada “expression”
http://msdn.microsoft.com/en-us/library/ms537634(VS.85).aspx
assim, para o IE não seria necessário mais uma função JS, basta o comando “híbrido” no CSS, Exemplo:

E depois chamar a função com a configuração da máscara

jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});

Você ainda pode dizer o que vai ficar no lugar do carácter, até que este espaço possa ser preenchido pelo usuário, exemplo “__/__/____” neste caso o placeholder é um “underline”

jQuery(function($){
   $("#product").mask("99/99/9999",{placeholder:"_"});
});

Ou você pode deixar com um espaço em branco.

Os parâmetros que o plugin aceita para a máscara são:

• a – Representa um carácter alpha numérico (A-Z,a-z)
• 9 – Representa um carácter numérico (0-9)
• * – Representa um carácter alpha numeric character (A-Z,a-z,0-9)

Você também pode obrigar alguns carácteres como no exemplo abaixo

jQuery(function($){
   $.mask.definitions['~']='[+-]';
   $("#eyescript").mask("~9.99 ~9.99 999");
});

Neste caso ele esta dizendo que o “~” deve aceitar somente sinal de “+”(mais) ou “-”(menos)

Você pode encontrar mais exemplos práticos e fazer o download na página dos caras
http://digitalbush.com/projects/masked-input-plugin/

http://ui.jquery.com

A instalação é bastante simples, você vai precisar da lib jQuery e do plugin s3Slider
os exemplos e arquivos para download você vai encontrar no site do desenvolvedor, o plugin é compatível com todos os browsers mais utilizados atualmente.

Link: http://www.serie3.info/s3slider/index.php

Link: http://www.emblematiq.com/projects/niceforms/

Link do exemplo: https://user.sitepen.com/~mwilcox/dojotoolkit/demos/uploader/demo.html?multiMode

Muito bacana e nostálgico, o código é bem poluído, mas imagina só o tanto de interação que você tem que controlar, o som provavelmente vem de um swf, é uma pratica muito comum. Link

Vamos matar alguns Aliens! Link

Mario Kart Link

Super Mario Link

São trabalhos excelentes, você pode conferir varios outro exemplos, aqui http://blog.nihilogic.dk/search/label/games

Particularmente eu não senti tanta diferença em minhas aplicações, mas eu vou continuar de olho.
Todos sabemos que em alguns casos os testes de performance são escolhidos a dedo para que o seu produto acabe sempre levando a melhor.
Vamos agora acompanhar as reações dos concorrentes, na certeza de que quem mais ganha com essa “guerra” são os usuários, que cada vez mais dispõe de ferramentas melhores e mais eficazes.
Eu vi primeiro no novíssimo Gizmodo Brasil.

• Linha;
• Barra;
• Pizza;
• Curva;
• Área;
• Mistos.

E possui como características principais:

• Séries múltiplas no mesmo gráfico;
• Suporte a legenda;
• Grides customizaveis;
• Valores customizaveis para os eixos.

Vale a pena conferir.
Eu vi primeiro aqui.

http://www.kryogenix.org/code/browser/sorttable/

É o tão anuciado “download day” do Firefox 3. Na verdade o “evento” se estende até as 15h16 de amanhã, dia 18 de junho, horário de Brasília.

Acabo de baixar o navegador na velocidade máxima permitida pela minha conexão.

O Firefox, como de costume, verificou a compatibilidade de todas as extenções e, para minha preocupação, o firebug foi uma das extenções incompatíveis.

Para quem ainda não conhece o firebug é uma extenção do Firefox que, entre outras coisas, possibilita o debug de javascript. Ela é a melhor amiga de um desenvolvedor web e vai render um post só para ela em breve.

O navegador atualizou extenções como PDF download e Download Status Bar, mas não atualizou o firebug.

Foi preciso navegar até o site de complementos para o Firefox para descobrir que o o firebug mantém agora duas versões, uma para quem ainda utiliza o Firefox 2 e outra para quem atualizou para a nova versão.

Só consegui atualizar a extensão pelo direto pelo site, por isso deixo o link direto para vocês

PS: Para os clientes do Banco Real: o complemento de segurança do banco ainda não é compatível com a nova versão do Firefox.

O mais legal de bater um record desses, é que antes isso nunca foi item para o guinness book, sendo assim, eles serão os primeiros… mas teria que ter uma categoria pra isso, porque que eu saiba, o flashplayer é o software mais baixado do mundo! normalmente são feitos mais downloads do flashplayer do existem computadores no mundo!!! Não acredita? Olha sá!
http://www.forta.com/blog/index.cfm/2008/5/29/Sorry-Firefox-Download-Day-Wont-Set-Any-Records
E pra quem quer acompanhar como estão indo os downloads do FF3, este é o link!
http://downloadcounter.sj.mozilla.com/

Será que os servidores deles aguentam?
Agora a pouco entrei e estava down huahua!!

Download Day 2008