40 impressionantes plugins do MooTools que você precisa conferir
Recentemente, publicamos uma excelente coleção de 40 plugins jQuery que todos os desenvolvedores devem conferir. Hoje estamos acompanhando isso com um pouco de amor pela multidão do MooTools.
Como o jQuery, o MooTools tem uma comunidade impressionante de desenvolvedores que produzem constantemente plugins gratuitos estelares para todos os tipos de tarefas e interfaces. Nesta coleção, você encontrará plug-ins para controles deslizantes, caixas de luz, tags, navegação e muito mais.
Explorar recursos de design
Controles deslizantes e caixas de luz
MooTools SlideShow
Uma das melhores apresentações de slides do MooTools. É simples de usar, lindo e repleto de funcionalidades. Comece aqui se precisar de um controle deslizante.
Nivoo Slider
Esta é uma porta MooTools do deslizante Nivo jQuery, popularmente popular.
Korx.Cycler
Um controle deslizante realmente robusto com efeitos legais interessantes que pulam a galeria na página.
Aba
Um controle deslizante simples, com muitas transições diferentes para você escolher. Você pode experimentá-los na demonstração.
ScrollGallery
Um bom controle deslizante com uma lista horizontal de miniaturas. A lista de miniaturas se estende além dos limites da galeria e rola para mostrar mais ao passar o mouse.
Carrossel
Sem frescuras, apenas um controle deslizante super básico que pode mostrar algumas imagens de uma só vez.
Floom
Outro controle deslizante. As transições aqui são bastante lisas, portanto, verifique a demonstração.
Gradualmente
Este tem uma transição de partes que se divide no meio. Não é tão bom quanto alguns dos outros, mas definitivamente vale a pena dar uma olhada.
Caixas de luz e modais
LightFace
Você não pode fazer um resumo do MooTools sem apresentar o trabalho de David Walsh. Este é o seu plugin de caixa de luz no estilo do Facebook.
FloatBox
Uma janela modal simples que pode armazenar o que você quiser.
slideGallery
Uma galeria horizontal que percorre uma série de imagens através dos botões de ambos os lados.
Guias
Não há realmente muito a dizer sobre isso, eles oferecem guias, pura e simples. Cada um puxa-o de uma maneira um pouco diferente, então verifique-os e veja qual você mais gosta.
MGFX.Tabs
Componente MooTools TabPane simples
Dv Tabs
Tags e dicas de ferramenta
mooTagify
O mooTagify é um plugin de marcação muito legal que permite que você insira, salve e exclua tags. Parece ótimo e funciona perfeito.
FloatingTips
Uma dica de ferramenta de texto simples com uma seta que aponta para o conteúdo original.
MooImageTip
Essa dica é um pouco mais sofisticada e foi criada para armazenar imagens e texto.
Navegação e Listas
PillMenu
O PillMenu ajuda você a criar menus de navegação horizontal com um efeito de foco animado personalizável.
jsMultipleSelect
Este é bem legal. Permite selecionar itens de duas caixas, que são movidas para uma terceira caixa.
FancySelect
Um menu suspenso que acomoda texto e ícones.
FancySortable
O FancySortable torna os itens da lista classificáveis através de um clique e arraste. Realmente não poderia ser mais fácil.
Formulários e texto
MooComplete
O MooComplete é um plug-in que você aplica a um campo de texto para o preenchimento automático de texto. Ele atualiza uma lista suspensa ao vivo conforme o usuário digita.
Mailcheck
O Mailcheck verifica os endereços de e-mail e faz sugestões se achar que há um erro de digitação.
mForm
Um conjunto de ferramentas para trabalhar com elementos de formulário.
SpellShow
O nome faz parecer que isso é algum tipo de corretor ortográfico, mas na verdade o plug-in pega um pedaço de texto e o desbota gradualmente em uma letra de cada vez. Se você precisar de um efeito de texto "revelar", esta é a sua solução.
Ferramentas de Imagem
A parede
O Wall é um dos plugins mais legais nesta lista. Ele pega um monte de imagens, junta-as e torna toda a área arrastável. Há um milhão de aplicações possíveis diferentes, confira o site para ver alguns ótimos exemplos.
Moogallery
Este plug-in transforma uma lista de imagens em uma galeria, completa com um efeito de caixa de luz clicável.
mosaico
O mosaico confere à sua imagem uma sobreposição de cores e a divide em uma grade. À medida que você passa o mouse sobre uma parte da grade, a sobreposição é desativada para essa parte (ou o inverso dessa). Isso cria um efeito legal de cobra à direita quando você arrasta o cursor sobre a imagem.
Zoomer
O Zoomer permite examinar mais de perto uma imagem. Quando você passa o mouse sobre a imagem, ela aumenta o zoom nesse ponto e permite fazer uma panorâmica.
gniusBackground
Imagens de fundo em tela cheia, sem complicações, que se ajustam automaticamente à largura do navegador, mantendo sua proporção. Super acessível!
Instagram para MooTools
Este plugin permite exibir um fluxo do Instagram para um usuário ou tag específico.
UI legal
Mooplay
Um player de vídeo MooTools HTML5. Possui barras de progresso, controles de volume, carimbos de hora; os trabalhos.
CwCrop
O CwCrop fornece uma interface fácil de usar para permitir que os usuários cortem fotos ao vivo on-line.
Scrollbar.js
Um agradável, limpo, barra de rolagem estilo Apple.
MoogressBar
Barras de progresso excelentes com animações opcionais e eventos de finalização.
ElementStack
Este plug-in apresenta ao usuário uma grade de imagens e, quando você clica em uma das imagens, todas elas são empilhadas em uma grande pilha. Não sei por que você faria isso, mas parece bem legal!
jsPalette
Uma paleta de cores básica que pode ser mostrada em linha ou como um menu pop-up ao clicar.
Drag.Move.Inside
Este plug-in permite arrastar um elemento e monitorar se ele está ou não dentro de outro elemento. Pode ser ótimo para um jogo simples ou uma interface de usuário de classificação manual.
Drag.Move.Collide
Este faz a mesma coisa que o último, apenas monitora se o item arrastável está ou não tocando nos outros itens.
TableSorter
O TableSorter ajuda a criar tabelas com cabeçalhos de coluna que podem ser clicados para classificar os itens dentro da tabela por esse critério.
O que perdemos?
Os quarenta plug-ins acima representam os melhores recursos gratuitos que pude encontrar, mas tenho certeza que você conhece vários outros ótimos plug-ins do MooTools. Deixe um comentário abaixo e conte-me sobre seus favoritos.
Além disso, se você estiver no mercado para obter ainda mais plug-ins do MooTools, verifique o MooTools Forge, a fonte oficial de tudo o que o MooTools faz.
