40 Niesamowitych wtyczek MooTools, które musisz sprawdzić
Niedawno opublikowaliśmy wyjątkową kolekcję 40 wtyczek jQuery, które każdy programista powinien sprawdzić. Dzisiaj kontynuujemy to z miłością do tłumu MooTools.
Podobnie jak jQuery, MooTools ma niesamowitą społeczność programistów, którzy nieustannie wypuszczają gwiezdne darmowe wtyczki do wszystkich rodzajów zadań i interfejsów. W tej kolekcji znajdziesz wtyczki do suwaków, lightboxów, tagów, nawigacji i wiele innych.
Przeglądaj zasoby projektowe
Suwaki i Lightboxy
Pokaz slajdów MooTools
Jeden z najlepszych pokazów slajdów MooTools. Jest prosty w użyciu, wspaniały i pełen funkcjonalności. Zacznij tutaj, jeśli potrzebujesz suwaka.
Suwak Nivoo
Jest to port MooTools niezwykle popularnego suwaka jQuery Nivo.
Korx.Cycler
Naprawdę solidny suwak z fajnymi efektami początkowymi, które przeskakują galerię na stronę.
Patka
Prosty suwak z mnóstwem różnych przejść do wyboru. Możesz je wypróbować w wersji demo.
ScrollGallery
Miły suwak z poziomą listą miniatur. Lista miniatur faktycznie wykracza poza granice galerii i przewija się, aby pokazać więcej po najechaniu myszą.
Karuzela
Bez dodatków, tylko super prosty suwak, który może wyświetlać kilka zdjęć jednocześnie.
Floom
Kolejny suwak. Przejścia tutaj są dość płynne, więc sprawdź wersję demo.
Stopniowo
Ten ma fragment porcji, który dzieli środek. Nie jest tak dobry jak niektóre inne, ale zdecydowanie warto go zobaczyć.
Lightboxy i moduły
LightFace
Nie możesz zrobić łapanki MooTools bez udziału Davida Walsha. To jest jego wtyczka lightbox w stylu Facebooka.
FloatBox
Proste okno modalne, które może pomieścić wszystko, co chcesz.
slideGallery
Pozioma galeria, która przewija serię zdjęć za pomocą przycisków po obu stronach.
Zakładki
Naprawdę nie ma wiele do powiedzenia na ten temat, dają ci karty, czyste i proste. Każdy pobiera go w nieco inny sposób, więc sprawdź je i zobacz, który lubisz najbardziej.
MGFX.Tabs
Prosty składnik TabPane MooTools
Zakładki DV
Tagi i podpowiedzi
mooTagify
mooTagify to naprawdę fajna wtyczka do tagowania, która umożliwia wprowadzanie, zapisywanie i usuwanie tagów. Wygląda świetnie i działa idealnie.
FloatingTips
Prosta etykieta tekstowa ze strzałką wskazującą na oryginalną treść.
MooImageTip
Ta podpowiedź jest nieco bardziej wyszukana i została stworzona do przechowywania zarówno obrazów, jak i tekstu.
Nawigacja i listy
PillMenu
PillMenu pomaga budować poziome menu nawigacyjne z dostosowywanym animowanym efektem aktywowania.
jsMultipleSelect
Ten jest całkiem fajny. Pozwala wybrać elementy z dwóch pól, które następnie są przenoszone do trzeciego pola.
FancySelect
Rozwijane menu, które mieści tekst i ikony.
FancySortable
FancySortable umożliwia sortowanie elementów listy za pomocą kliknięcia i przeciągnięcia. To naprawdę nie może być łatwiejsze.
Formularze i tekst
MooComplete
MooComplete to wtyczka stosowana do pola tekstowego w celu automatycznego uzupełniania tekstu. Aktualizuje listę rozwijaną na żywo w zależności od typu użytkownika.
Kontrola poczty
Mailcheck dwukrotnie sprawdza adresy e-mail i wyświetla sugestie, jeśli uważa, że istnieje literówka.
mForm
Zestaw narzędzi do pracy z elementami formularza.
SpellShow
Nazwa sprawia, że brzmi to jak sprawdzanie pisowni, ale tak naprawdę wtyczka pobiera fragment tekstu i stopniowo zanika go po jednej literze. Jeśli potrzebujesz efektu „odsłonięcia” tekstu, jest to twoje rozwiązanie.
Narzędzia graficzne
Ściana
Ściana jest jedną z najfajniejszych wtyczek na tej liście. Pobiera kilka zdjęć, łączy je razem i umożliwia przeciąganie całego obszaru. Istnieje milion różnych możliwych aplikacji, sprawdź stronę, aby zobaczyć wspaniałe przykłady.
Moogallery
Ta wtyczka zamienia listę zdjęć w galerię wraz z klikalnym efektem lightbox.
Mozaika
Mozaika nadaje obrazowi kolorową nakładkę, a następnie kroi go w siatkę. Gdy najedziesz myszką na część siatki, nakładka jest wyłączona dla tej części (lub jej odwrotnych stron). Zapewnia fajny efekt węża po przeciągnięciu kursora nad obrazem.
Zoomer
Zoomer pozwala przyjrzeć się obrazowi. Gdy najedziesz myszką na obraz, powiększy on ten punkt i pozwoli ci przesuwać.
gniusBackground
Bezproblemowe, pełnoekranowe obrazy tła, które automatycznie dostosowują się do szerokości przeglądarki, zachowując jednocześnie ich proporcje. Super przydatny!
Instagram dla MooTools
Ta wtyczka umożliwia wyświetlanie strumienia na Instagramie dla określonego użytkownika lub tagu.
Fajny interfejs użytkownika
Mooplay
Odtwarzacz wideo MooTools HTML5. Ma paski postępu, kontrolę głośności, znaczniki czasu; prace.
CwCrop
CwCrop zapewnia łatwy w użyciu interfejs umożliwiający użytkownikom przycinanie zdjęć na żywo w Internecie.
Scrollbar.js
Ładny, czysty pasek przewijania w stylu Apple.
MoogressBar
Świetnie wyglądające paski postępu z opcjonalnymi animacjami i wydarzeniami końcowymi.
ElementStack
Ta wtyczka przedstawia użytkownikowi siatkę obrazów, a następnie po kliknięciu jednego z nich wszystkie układają się w jeden duży stos. Nie jestem pewien, dlaczego chcesz to zrobić, ale wygląda całkiem fajnie!
jsPalette
Podstawowa paleta kolorów, którą można wyświetlić w linii lub jako menu podręczne po kliknięciu.
Drag.Move.Inside
Ta wtyczka umożliwia przeciąganie elementu i monitorowanie, czy znajduje się on obecnie w innym elemencie. Może być świetny do prostej gry lub do ręcznego sortowania.
Drag.Move.Collide
Ten robi to samo co poprzedni, tylko monitoruje, czy przeciągany element dotyka innych elementów.
TableSorter
TableSorter pomaga budować tabele z nagłówkami kolumn, które można kliknąć, aby posortować elementy w tabeli według tych kryteriów.
Czego nam brakowało?
Czterdzieści powyższych wtyczek reprezentuje najlepsze bezpłatne zasoby, jakie udało mi się znaleźć, ale jestem pewien, że znasz jeszcze wiele świetnych wtyczek MooTools. Zostaw komentarz poniżej i powiedz mi o swoich ulubionych.
Ponadto, jeśli szukasz jeszcze więcej wtyczek MooTools, koniecznie sprawdź MooTools Forge, oficjalne źródło wszystkich rzeczy MooTools.
