Arquivo para Junho, 2009

Upload e Crop de Imagem com jQuery e PHP

Com esse scrip é possível fazer upload de imagens com jQuery e PHP. Ainda permite efetuar recorte da imagem, ou crop image, como alguns definem.

jquery-php-image

Site: http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/

Demo: http://www.webmotionuk.co.uk/jquery/image_upload_crop.php

Licença: Não especificada.

jQuery Menu Botão Direito

Menu de contexto com jQuery. Aparece ao clicar com o botão direito do mouse. É possível navegar pelo teclado.

jquery-menu-contexto

Site: http://abeautifulsite.net/notebook/80

Demo: http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html

Licença: GPL e MIT License.

Menu de Contexto

mif.menu é um menu de contexto que utiliza mootools. Esse menu aparece no clique do botão direito do mouse sobre uma determinada área.

Possui algumas variações, desde simples estilos até outros mais trabalhados com CSS.

mif-menu

Site: http://mifjs.net/trunk/menu/

Demo: http://mifjs.net/trunk/menu/Demos/index.html

Licença: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.

jQuery Portal estilo web 2.0

jpolite é um framework que implementa um portal estilo web 2.0, ou se preferir - no estilo dos sites  iGoogle ou Netvibes.

Permite fazer drag and drop (arrastar e soltar) blocos de conteúdo na tela, posicionar eles em diferentes lugares.

Possui outras funcionalidades, como por exemplo: abas, lightbox, formulários, menu sanfona, etc.

jpolite

Site: http://www.trilancer.com/jpolite/

Demo: http://www.trilancer.com/jpolite/

Licença: MIT License.

Portal estilo iGoogle

Script com jQuery que permite a construção de um portal no estilo iGoogle. O usuário pode arrastar e soltar blocos de conteúdo e personalizar os mesmos. O site que introduziu esse conceito foi o netvibes.

igoogle-nettuts

Site: http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

Demo: http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html

Licença: Não especificada.

Menu Fisheye com Prototype

Menu com ícones que aumentam na medida em que o mouse passa sobre eles. Essa é a idéia por trás de um controle fisheye, como é chamado essa técnica.

fisheye-prototype

Site: http://positionabsolute.net/blog/2007/08/prototype-fisheye.php

Demo: http://positionabsolute.net/projects/javascript/Fisheye/

Licença: Não especificada.

jQuery Menu Fish Eye

jqDock é um plugin jQuery que possibilita um menu dock, como alguns definem esse tipo de técnica. Outros chamam de Fish Eye menu.

Funciona assim: na medida que que passa o cursor do mouse sobre os links os mesmos aumentam de tamanho.

jqdock

Site: http://www.wizzud.com/jqDock/

Demo: http://www.wizzud.com/jqDock/

Licença: MIT e GPL.

Ajax Desktop Tutorial

Tutorial que explica passo a passo como construir um sistema desktop para web com Ajax. No estilo de um portal web 2.0, onde é possivel arrastar e soltar blocos de conteúdos dispersos na tela.

ajax-desktop-tutorial

Site: http://www.musestorm.com/tutorials/ajax/

Demo: http://www.musestorm.com/examples/desktop.html

Licença: Não especificada.

Drag and Drop com jQuery

Drag and drop com jQuery. Essa técnica, de arrastar e soltar é muito utilizada em portais que permitem customização de blocos de conteúdo, estilo o iGoogle.

interface-jquery

Site: http://www.daviferreira.com/blog/2007/08/12/interface-drag-and-drop-com-jquery.html

Demo: http://www.daviferreira.com/blog/exemplos/draganddrop/exemplo2.html

Licença: Não especificada.

Validação de Formulários

livevalidation é uma biblioteca javascript para validação de formulários a nível de cliente. Rápida, fácil e poderosa ferramenta.

Alguns chamam essa funcionalidade de validação “em tempo real”.

live-validation

Site: http://www.livevalidation.com/

Demo: http://www.livevalidation.com/examples

Licença: MIT License.