40 Awesome MooTools-plug-ins die u moet uitchecken
Onlangs hebben we een uitstekende verzameling van 40 jQuery-plug-ins gepubliceerd die elke ontwikkelaar moet bekijken. Vandaag volgen we dat op met wat liefde voor de MooTools-menigte.
Net als jQuery heeft MooTools een geweldige community van ontwikkelaars die constant geweldige gratis plug-ins voor alle soorten taken en interfaces produceren. In deze collectie vind je plugins voor sliders, lightboxen, tags, navigatie en nog veel meer.
Ontdek ontwerpbronnen
Schuifregelaars en lichtbakken
MooTools SlideShow
Een van de beste MooTools-diavoorstellingen die er zijn. Het is eenvoudig te gebruiken, prachtig en boordevol functionaliteit. Begin hier als je een slider nodig hebt.
Nivoo Slider
Dit is een MooTools-poort van de razend populaire Nivo jQuery-schuifregelaar.
Korx.Cycler
Een echt robuuste slider met coole starteffecten die de galerij naar de pagina springen.
Tab
Een eenvoudige schuifregelaar met veel verschillende overgangen om uit te kiezen. Je kunt ze uitproberen in de demo.
ScrollGallery
Een mooie schuifregelaar met een horizontale lijst met miniaturen. De lijst met miniaturen strekt zich eigenlijk uit buiten de grenzen van de galerij en schuift om meer te laten zien bij zweven.
Carrousel
Geen franjes, gewoon een super basic slider die een paar afbeeldingen tegelijk kan tonen.
Floom
Nog een schuifregelaar. De overgangen hier zijn behoorlijk glad, dus bekijk zeker de demo.
Geleidelijk
Deze heeft een brokovergang die in het midden splitst. Het is niet zo goed als sommige van de anderen, maar het is zeker de moeite van het bekijken waard.
Lightboxen en modals
LightFace
Je kunt geen MooTools-verzameling doen zonder het werk van David Walsh te vertonen. Dit is zijn lightbox-plug-in in Facebook-stijl.
FloatBox
Een eenvoudig modaal venster dat alles kan bevatten wat je maar wilt.
slideGallery
Een horizontale galerij die via de knoppen aan weerszijden door een reeks afbeeldingen scrolt.
Tabbladen
Er valt hier niet veel over te zeggen, ze geven je tabbladen, puur en eenvoudig. Elk trekt het op een iets andere manier af, dus bekijk ze en kijk welke je het leukst vindt.
MGFX.Tabs
Eenvoudige MooTools TabPane-component
Dv-tabbladen
Tags en tooltips
mooTagify
mooTagify is een echt coole tagging-plug-in waarmee je tags kunt invoeren, opslaan en verwijderen. Het ziet er geweldig uit en werkt perfect.
Drijvende tips
Een eenvoudige tekst-tooltip met een pijl die naar de originele inhoud verwijst.
MooImageTip
Deze tooltip is een beetje liefhebber en is gebouwd om zowel afbeeldingen als tekst te bevatten.
Navigatie en lijsten
PillMenu
PillMenu helpt u bij het bouwen van horizontale navigatiemenu's met een aanpasbaar geanimeerd zweefeffect.
jsMultipleSelect
Deze is best gaaf. Hiermee kunt u items uit twee boxen selecteren, die vervolgens naar een derde box worden verplaatst.
FancySelect
Een vervolgkeuzemenu met tekst en pictogrammen.
FancySortable
FancySortable maakt lijstitems sorteerbaar door middel van klikken en slepen. Makkelijker kan het echt niet.
Formulieren en tekst
MooComplete
MooComplete is een plug-in die u toepast op een tekstveld voor automatische tekstaanvulling. Het werkt een vervolgkeuzelijst live bij terwijl de gebruiker typt.
Mailcheck
Mailcheck controleert e-mailadressen dubbel en doet suggesties als het denkt dat er een typfout is.
mForm
Een reeks tools voor het werken met formulierelementen.
SpellShow
De naam laat het klinken alsof dit een soort spellingcontrole is, maar de plug-in neemt echt een stuk tekst in beslag en vervaagt het geleidelijk in één letter per keer. Als u een "onthullend" teksteffect nodig heeft, is dit uw oplossing.
Afbeeldingshulpmiddelen
De muur
The Wall is een van de coolste plug-ins in deze lijst. Er zijn een heleboel afbeeldingen voor nodig, ze worden in elkaar gegooid en het hele gebied is versleepbaar. Er zijn een miljoen verschillende mogelijke toepassingen, bekijk de site om enkele geweldige voorbeelden te zien.
Moogallery
Deze plug-in verandert een lijst met afbeeldingen in een galerij, compleet met een klikbaar lightbox-effect.
Mozaïek
Mozaïek geeft uw afbeelding een kleuroverlay en snijdt deze vervolgens in een raster. Terwijl u over een deel van het raster zweeft, wordt de overlay voor dat deel (of de omkering daarvan) uitgeschakeld. Het zorgt voor een cool trailing snake-effect wanneer u uw cursor over de afbeelding sleept.
Zoomer
Met Zoomer kunt u een afbeelding van dichterbij bekijken. Wanneer u de muisaanwijzer op de afbeelding plaatst, wordt er op dat punt ingezoomd en kunt u ronddraaien.
gniusAchtergrond
Probleemloze achtergrondafbeeldingen op volledig scherm die zich automatisch aanpassen aan de browserbreedte met behoud van hun beeldverhouding. Super handig!
Instagram voor MooTools
Met deze plug-in kun je een Instagram-stream weergeven voor een specifieke gebruiker of tag.
Coole gebruikersinterface
Mooplay
Een MooTools HTML5-videospeler. Het heeft voortgangsbalken, volumeregelaars, tijdstempels; de werken.
CwCrop
CwCrop biedt u een eenvoudig te gebruiken interface waarmee gebruikers foto's live online kunnen bijsnijden.
Scrollbar.js
Een mooie, schone schuifbalk in Apple-stijl.
MoogressBar
Fantastische voortgangsbalken met optionele animaties en finishevenementen.
ElementStack
Deze plug-in presenteert de gebruiker een raster met afbeeldingen en wanneer u op een van de afbeeldingen klikt, stapelen ze zich allemaal op tot één grote stapel. Ik weet niet zeker waarom je dat zou willen doen, maar het ziet er best gaaf uit!
jsPalette
Een basiskleurenpalet dat inline kan worden weergegeven of als een pop-upmenu bij klikken.
Sleep naar binnen
Met deze plug-in kunt u een element slepen en controleren of het zich momenteel in een ander element bevindt. Het kan geweldig zijn voor een eenvoudig spel of een gebruikersinterface voor handmatig sorteren.
Drag.Move.Collide
Deze doet hetzelfde als de vorige, alleen controleert het of het versleepbare item de andere items raakt.
TableSorter
TableSorter helpt u bij het bouwen van tabellen met kolomkoppen waarop kan worden geklikt om de items in de tabel op die criteria te sorteren.
Wat hebben we gemist?
De veertig plug-ins hierboven vertegenwoordigen de beste gratis bronnen die ik heb kunnen vinden, maar ik weet zeker dat je nog een heleboel geweldige MooTools-plug-ins kent. Laat hieronder een reactie achter en vertel me over je favorieten.
Als je op zoek bent naar nog meer MooTools-plug-ins, kijk dan eens naar MooTools Forge, de officiële bron voor alles wat met MooTools te maken heeft.
