40 Úžasných modulů MooTools, které musíte odhlásit
Nedávno jsme publikovali vynikající sbírku 40 jQuery pluginů, které by si měl každý vývojář vyzkoušet. Dnes to sledujeme s nějakou láskou k davu MooTools.
Stejně jako jQuery, i MooTools má úžasnou komunitu vývojářů, která neustále chrlí hvězdné bezplatné pluginy pro všechny typy úkolů a rozhraní. V této kolekci najdete doplňky pro posuvníky, lightboxy, značky, navigaci a mnoho dalšího.
Prozkoumejte zdroje návrhu
Posuvníky a Lightboxy
MooTools SlideShow
Jedna z nejlepších prezentací MooTools. Je to jednoduché použití, nádherné a nabité funkcemi. Začněte zde, pokud potřebujete jezdec.
Posuvník Nivoo
Toto je port MooTools u velmi populárního jezdce Nivo jQuery.
Korx.Cycler
Opravdu robustní posuvník s cool startovacími efekty, které přeskočí galerii na stránku.
Tab
Jednoduchý posuvník se spoustou různých přechodů na výběr. Můžete je vyzkoušet v demu.
ScrollGallery
Pěkný posuvník s vodorovným seznamem miniatur. Seznam miniatur skutečně přesahuje hranice galerie a posouvá se tak, aby se na vznášedle zobrazoval více.
Kolotoč
Žádné kudrlinky, pouze super základní posuvník, který dokáže zobrazit několik obrázků najednou.
Floom
Další posuvník. Přechody jsou zde velmi úhledné, takže se podívejte na demo.
Postupně
Tento má kusový přechod, který se dělí uprostřed. Není to tak dobré jako některé z ostatních, ale rozhodně stojí za to se podívat.
Lightboxy a modály
LightFace
Nemůžete udělat kolo MooTools, aniž byste uváděli práci Davida Walsha. Toto je jeho zásuvný modul pro lightbox ve stylu Facebook.
FloatBox
Jednoduché modální okno, které pojme vše, co chcete.
slideGallery
Horizontální galerie, která prochází řadou obrázků pomocí tlačítek na obou stranách.
Tab
O tom není opravdu co říci, dávají vám karty, čisté a jednoduché. Každý ji vytáhne poněkud odlišným způsobem, takže je zkontrolujte a zjistěte, které se vám líbí nejlépe.
MGFX.Tabs
Jednoduchá komponenta MooTools TabPane
Dv Tabs
Značky a popisy
mooTagify
mooTagify je opravdu skvělý plugin pro označování, který vám umožňuje vkládat, ukládat a mazat značky. Vypadá skvěle a funguje perfektně.
Plovoucí tipy
Jednoduchý textový popisek se šipkou, který ukazuje na původní obsah.
MooImageTip
Tento popis je trochu fantastický a byl vytvořen tak, aby pojímal obrázky i text.
Navigace a seznamy
PillMenu
PillMenu vám pomůže vytvořit horizontální navigační menu s přizpůsobitelným animovaným efektem přechodu.
jsMultipleSelect
Tenhle je docela v pohodě. To vám umožní vybrat položky ze dvou polí, které se poté přesunou do třetího pole.
FancySelect
Rozbalovací nabídka, která pojme text a ikony.
FancySortable
Aplikace FancySortable umožňuje vytvářet položky seznamu kliknutím a tažením. Opravdu to nemohlo být snazší.
Formuláře a text
MooCompletete
MooComplete je plugin, který aplikujete na textové pole pro automatické dokončení textu. Aktualizuje rozevírací seznam živě podle typu uživatele.
Mailcheck
Mailcheck dvakrát zkontroluje e-mailové adresy a podá návrhy, pokud se domnívá, že došlo k překlepu.
mForm
Sada nástrojů pro práci s elementy formuláře.
SpellShow
Jméno způsobuje, že to zní tak, jako by to byl nějaký druh kontroly pravopisu, ale ve skutečnosti si plugin vezme kus textu a postupně ho mizí po jednom dopise. Pokud potřebujete text „odhalit“, je to vaše řešení.
Nástroje pro práci s obrázky
Zeď
The Wall je jedním z nejlepších doplňků v tomto seznamu. Zabere to spoustu obrázků, zahodí je dohromady a učiní celou oblast natažitelnou. Existuje milion různých možných aplikací, podívejte se na web a podívejte se na několik skvělých příkladů.
Moogallery
Tento plugin změní seznam obrázků na galerii, doplněný efektem lightbox s možností kliknutí.
Mozaika
Mozaika dává vašemu obrázku barevné překrytí a poté ho rozdělí na mřížku. Když umístíte kurzor na část mřížky, překryvná vrstva se pro tuto část (nebo její obrácení) vypne. To umožňuje skvělý koncový efekt hada, když přetáhnete kurzor nad obrázek.
Zoomer
Zoomer umožňuje podrobnější pohled na obrázek. Když umístíte kurzor myši na obrázek, přiblíží se v tomto bodě a umožní vám pohybovat se kolem.
gniusBackground
Bezproblémové obrázky na celou obrazovku, které se automaticky přizpůsobí šířce prohlížeče při zachování poměru stran. Super šikovný!
Instagram pro MooTools
Tento plugin umožňuje zobrazit stream Instagramu pro konkrétního uživatele nebo značku.
Skvělé uživatelské rozhraní
Mooplay
Přehrávač videa MooTools HTML5. Má ukazatele průběhu, ovládání hlasitosti, časová razítka; práce.
CwCrop
CwCrop vám poskytuje snadno použitelné rozhraní, které umožňuje uživatelům oříznout fotografie živě online.
Scrollbar.js
Pěkný, čistý posuvník ve stylu Apple.
MoogressBar
Skvěle vypadající ukazatele průběhu s volitelnými animacemi a dokončovacími událostmi.
ElementStack
Tento plugin představuje uživateli mřížku obrázků, a když kliknete na jeden z obrázků, všechny se hromadí do jednoho velkého zásobníku. Nejste si jisti, proč byste to chtěli dělat, ale vypadá to skvěle!
jsPalette
Základní paleta barev, kterou lze zobrazit inline nebo jako rozbalovací nabídku po kliknutí.
Drag.Move.Inside
Tento plugin vám umožňuje přetáhnout prvek a sledovat, zda je aktuálně uvnitř jiného prvku. Mohlo by to být skvělé pro jednoduchou hru nebo ruční třídění uživatelského rozhraní.
Drag.Move.Collide
Ten dělá totéž jako ten poslední, sleduje pouze to, zda se tahatelná položka dotýká ostatních položek.
TableSorter
TableSorter vám pomůže sestavit tabulky se záhlavími sloupců, na které lze kliknout a třídit položky v tabulce podle těchto kritérií.
Co nám chybělo?
Čtyřicet pluginů výše představuje nejlepší bezplatné zdroje, které jsem dokázal najít, ale jsem si jistý, že znáte spoustu dalších skvělých modulů MooTools. Zanechte komentář níže a řekněte mi o svých oblíbených.
Pokud máte na trhu ještě více doplňků MooTools, nezapomeňte se podívat na MooTools Forge, oficiální zdroj všech věcí MooTools.
