Posts da categoria Mootools

Sistema para aplicações web

MochaUI é uma solução destinada à aplicações web e web desktops. Desenvolvida com a biblioteca mootools.

Uma característica que se destaca é a utilização de canvas para desenhar toda a interface (cantos arredondados, abas, etc).

mochaui

Site: http://mochaui.com/

Demo: http://mochaui.com/demo/

Licença: MIT License.

Menu vertical mostrar e esconder

Menu em CSS com efeito de mostrar e esconder, ou show/hide como são chamados. Possui a versão simples com javascript e a versão com mootools.

moomenu

Site: http://woork.blogspot.com/2008/03/two-css-vertical-menu-with-showhide.html

Demo: http://woork.bravehost.com/moomenu/index.html

Licença: Não especificada.

Auto completar estilo Facebook

Excelente script de autocompletar, no estilo so site Facebook.

Script original (devthought, utiliza mootools ou jQuery):

picture-1

Mootools

Site: http://devthought.com/projects/mootools/textboxlist/

Demo: http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/

jQuery

Site: http://devthought.com/projects/jquery/textboxlist/

Demo: http://devthought.com/wp-content/projects/jquery/textboxlist/Demo/

Licença: Free para uso não comercial e U$ 20,00 por domínio para uso comercial.

Script modificado (emposha, utiliza jQuery):

emposha-auto-complete

Site: http://www.emposha.com/javascript/fcbkcomplete.html

Demo: http://www.emposha.com/demo/fcbkcomplete_2/

Licença: Não especificada.

Caixa de alerta com CSS

Caixa de alerta utilizando mootools e jquery. Opções de warning, erro e info.

sexyalertbox12

Site: http://www.coders.me/web-html-js-css/javascript/sexy-alert-box-12-mootools-jquery

Demo: http://www.coders.me/ejemplos/sexy-alert-box-1-2/

Licença: MIT License.

Menu lateral que aparece quando é clicado

Menu lateral que aparece quando é clicado.  Conhecidos como sliding menu, esse estilo poupa espaço na corpo da página.

menu-side-bar

Site: http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools

Demo: http://www.andrewsellick.com/examples/sliding-side-bar/

Licença: Não especificada.

Phatfusion Image Menu

Menu horizontal, revela uma imagem maior na medida em que se passa o mouse.

phatfusion-image-menu

Site: http://www.phatfusion.net/imagemenu/index.htm

Demo: http://www.phatfusion.net/imagemenu/index.htm

Licença: MIT licence.

No Gray Timer Picker

Script que possui uma interface com drag and drop, onde você pode definir as horas / minutos diretamente na imagem do “relógio”. Pode-se customizar para o formato de 12 ou 24 horas.

gray-timer-picker

Site: http://www.nogray.com/time_picker.php

Demo: http://www.nogray.com/time_picker.php

Licença: Free para usar & Comercial.

BarackSlideshow - Slider com Mootools

Esse slider foi inspirado no site do então presidente dos EUA, Barack Obama. Utiliza mootools.

barack-slider

Site: http://devthought.com/blog/projects-news/2008/06/barackslideshow-an-elegant-lightweight-slideshow-script/

Demo: http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html

Licença: Nenhuma licença especificada.

iMask - Máscara para campos de formulário

Máscara para campos de formulário. Permite nagevação através do teclado e pode ser inicializado através de um evento onBlur, por exemplo.

iMask

http://zend.lojcomm.com.br/imask/

Menu estilo MAC com Mootools

Menu estilo MAC OS utilizando mootools. Também chamados de menu dock.

Menu Dock

http://www.chrisesler.com/mootools/fisheye/index.php