Arquivo para Junho, 2009

Ajax Auto Completar

Auto completar utilizando Ajax. Em inglês, são chamados de auto complete ou auto suggest.

autocomplete

Site: http://webeaters.blogspot.com/2007/11/ajax-powered-autocomplete-for-prototype.html

Demo: - - - - - - - - - - - - - - - - - - - -

Licença: Creative Commons License.

Medir senha com Ajax

Script para medir a força da senha com Ajax e jQuery. Fácil de usar e configurar.

ajax-meter

Site: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Demo: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Licença: MIT License.

jQuery Password Strength Meter

Plugin jQuery que mede uma senha. Medir no sentido de qualidade, força da mesma.

O script centraliza num algoritimo que define uma variável score. Essa variável recebe pontos através de algumas regras pré determinadas.

pass-strength-meter

Site: http://phiras.wordpress.com/2007/04/08/password-strength-meter-a-jquery-plugin/

Demo: http://phiras.googlepages.com/PasswordStrengthMeter.html

Licença: Creative Commons Attribution 3.0 Unported License.

Substituir Checkbox por Imagem

FancyForm faz a substituição de checkbox por imagens. A técnica é conhecida como checkbox replacement. Apenas como citação, no caso de textos chamam de image replacement ou text replacement.

Esse script propicia formulários um pouco diferentes, mais requintados em termos de design. Fácil de configurar e usar.

fancy-form

Site: http://lipidity.com/fancy-form/

Demo: http://lipidity.com/fancy-form/demo/

Licença: Free.

Modelo de Formulário de Login

Excelente script que mostra como fazer um belo formulário para login. Técnica que permite inclusive colocar ícones dentro do campo texto.

form-login

Site: http://www.roscripts.com/Tableless_forms-112.html

Demo: http://www.roscripts.com/uploads/CSS_forms/forms.html

Licença: Não especificada.

Menu Top Drop Down

Menu de navegação que fica no topo da página. No efeito onmouseover aparece os sub menus, no estilo drop down. Possui também uma caixa de texto para implementar buscas.

vimeo

Site: http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx

Demo: http://www.jankoatwarpspeed.com/examples/vimeo_navigation/

Licença: Não especificada.

Top Menu jQuery

Menu que fica no topo da página, como se estivesse fechado, e quando clicado ele desliza para baixo na tela, como se estivesse aberto. Podemos chamar de sliding menu e top menu.

Inicialmente aparece assim:

sliding-top-menu

Quando clicamos nele fica assim:

jquery-sliding-menu

Site: http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/

Demo: http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/

Licença: Não especificada.

Ajax Calendário Agenda

dhtmlxScheduler é um calendário de eventos semelhante ao Google Calendar. O conteúdo é carregado via Ajax. Utiliza PHP e MySQL.

Possibilita incluir, alterar e deletar eventos sem refresh na página. Permite arrastar e soltar eventos entre as datas. Pode ser visualizado no dia, na semana ou no mês.

dhtmlxscheduler

Site: http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml

Demo: http://dhtmlx.com/docs/products/dhtmlxScheduler/livedemo.shtml

Licença: GPL License.

Calendário de Eventos com jQuery

FullCalendar é um plugin jQuery para um calendário na web, baseado no Google Calendar. Se ajusta automaticamente ao tamanho da tela e provê drag and drop, arrastar e soltar.

Usa Ajax para trabalhar com os eventos. Pode ser facilmente customizado.

full-calendar

Site: http://arshaw.com/fullcalendar/

Demo: http://arshaw.com/fullcalendar/

Licença: MIT License.

PHP Ajax Upload de Fotos

Script que permite fazer upload de fotos com PHP. Parece Ajax, mas não é Ajax: utiliza IFRAMES. O resultado é um sistema eficiente para upload e sem refresh na página.

php-ajax-upload

Site: http://www.atwebresults.com/php_ajax_image_upload/

Demo: http://www.atwebresults.com/php_ajax_image_upload/

Licença: Livre, pode-se usar inclusive para fins comerciais (deve-se manter o copyright).