Każdy widział super fajną wtyczkę jQuery w dzikim, dzikim Internecie, prawda? Być może zainteresował Cię fakt, że dowiedziałeś się więcej o jQuery i JavaScript, znajdując wtyczkę jQuery i próbując użyć jej we własnej witrynie. Oczywiście bez wstydu. Jestem pewien, że tak to się stało w moim przypadku. Mogą być tak łatwe w użyciu, że możesz zrobić całkiem niezłe rzeczy bez większego nakładu pracy.
Sam stworzyłem ich kilka. Na przykład FitVids. Ale wcześniej pokazywałem to na ekranie. Tym razem mam zamiar wybrać kilka wtyczek jQuery, które wyglądałyby mi dobrze, ale nigdy wcześniej ich nie używałem. Robię to celowo, więc mogę zobaczyć proces myślowy, który prowadzi do ustalenia, jak działa przypadkowa wtyczka jQuery po raz pierwszy.
Pierwszą, którą wybieramy, jest wtyczka lightbox o nazwie Boxer. Wiesz, jeden z tych wzorców projektowych, w którym klikasz miniaturę obrazu i otwiera jego większą wersję bezpośrednio na stronie i przyciemnia tło. Postępując zgodnie z dokumentacją, szybko działamy.
Oto gdzie doszliśmy do tego:
Zobacz Pen Trying out Boxer Plugin autorstwa Chrisa Coyiera (@chriscoyier) na CodePen
Następna, którą wybieramy, nazywa się OWL Carousel. Wygląda jak całkiem fajny suwak, mający dwie duże funkcje, których często nie widać w starszych suwakach: wsparcie dotykowe i elastyczność. Uzyskujemy ten działający również przy użyciu dokumentacji, ale także sprawdzając dostarczone dema.
Oto, gdzie doszliśmy do tego w zaledwie kilka minut:
Zobacz pióro 73452e0922f60633ef3e142f46f78f31 autorstwa Chrisa Coyiera (@chriscoyier) na CodePen
W obu tych przykładach skłoniło mnie do dodania do zakładek:
- Dobra dokumentacja.
- Pozornie niezła równowaga opcji i wzdęć. Znaczenie: było kilka dobrze nazwanych i wyraźnie przydatnych parametrów (w tym callbacków), ale nie tak wiele, aby wydawało się przytłaczające.
- Ładny design. W końcu to są rzeczy wizualne.
Następnie powinniśmy zająć się trochę napisaniem własnej wtyczki.