Arquivo para Setembro, 2007

jqModal - Modal window

Modal window é uma janela que você pode mostrar notícias, textos, etc no navegador.

Não como uma nova janela; e sim através de um div (veja imagem abaixo).

Utiliza HTML, CSS e jQuery.

Modal Window

http://dev.iceburg.net/jquery/jqModal/

Histórico em Ajax - Botão Voltar

Um plugin com a biblioteca Mootools que permite trabalhar com histórico de navegação. Coloca na url da página visitada os endereços visitados via Ajax.

Ajax History

http://digitarald.de/project/historymanager/

Avaliação com Estrelas - Ajax

Sistema de votação - avaliação - ranking com Ajax.  São chamadas de Rating Stars.

Rating Stars

http://beauscott.com/examples/RatingStars/

BoxOver - Tooltip

Aplicação de tooltip simples e elegante.  Utiliza DHTML e Javascript.

Tooltip boxover

http://boxover.swazz.org/

Supernote - Tooltip

Aplicação de tooltip focada na melhora da acessibilidade. Utiliza CSS e javascript, tem eventos onmousehover e onclick, permite definir tempo e efeitos, código rápido e pequeno.

Tooltip Acessibilidade

http://www.twinhelix.com/dhtml/supernote/

Drag and Drop para Imagens e Layers

Aplicação Cross-browser em DHTML e Javascript. Para aplicações que utilizam drag and drop.

Ajax Drag and Drop

http://www.walterzorn.com/dragdrop/dragdrop_e.htm

Auto Suggest em Ajax I

Auto Suggest em Ajax. Pode utilizar JSON ou XML.

Auto Suggest

http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html

Checklists - Formulários

Deixa os formulários mais acessíveis e melhora sua usabilidade.

Checklists

http://c82.net/samples/checklist-samples.html

Formulário com Ajuda através de Popup em div

Você clica num botão e aparece um div abaixo do input explicando como preencher aquele campo.

Form Ajuda

http://juicystudio.com/article/form-help-without-popups.html

Formulários adaptados com imagens

Niceforms é um javascript que permite customizar formulários web.

O resultado é um formulário diferente em termos visuais, onde utilizamos imagens para substituir radio buttons, checkbox, textarea e campos texto.

niceforms

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

Demo: http://www.emblematiq.com/niceforms/v10/niceforms.html

Licença: Creative Commons Attribution-Share Alike 3.0 Unported License.