Archiwum tagu: jquery plugin

Chardin.js

Chardin JS

Chardin.js jest pluginem jQuery, który tworzy półprzezroczystą warstwę przykrywającą stronę, po to, by można było wyświetlić instrukcje dotyczące elementów witryny. Instalacja jest prosta: pobieramy i dołączamy do strony chardinjs.css oraz chardinjs.min.js. Następnie każdy element, który chcemy opisać, wyposażamy w atrybut data-intro oraz data-position odpowiedzialny za pozycję informacji.

Minimalect

Minimalect

Plugin jQuery, który pozwala zmienić standardowe pole wyboru na nieco ładniejsze. Instalacja jest bardzo prosta: wystarczy dołączyć plik jquery.minimalect.min.js oraz minimalect.min.css do strony, a następnie wywołać następujący kod: $("select").minimalect(); Standardowy styl jest prosty, więc z łatwością go zmodyfikujemy. O dostępnych opcjach przeczytacie na oficjalnej stronie.

Progression.js

Progression.js

Plugin jQuery, który w czasie rzeczywistym wyświetla postęp dokonany przez użytkownika, podczas wypełniania formularza. Implementacja jest bardzo prosta. Wystarczy załączyć bibliotekę jQuery oraz plugin, a następnie do każdego z pól formularza dodać dwa atrybuty: data-progression oraz data-helper. Ten pierwszy należy pozostawić pusty, zaś drugi uzupełnić tekstem pomocniczym, który wyświetla się przy pasku postępu. Ostatnią czynnością…[Czytaj Dalej]

SMINT

SMINT Logo

SMINT, czyli sticky menu including navigation thingy, to prosty plugin jQuery, który pomaga nawigować się po stronie bez oddzielnych podstron. Otóż plugin ten posiada dwa główne elementy: przyklejony pasek nawigacyjny, który zjeżdża w dół wraz z przewijaniem strony oraz linki menu, które automatycznie i płynnie przewijają stronę do wybranej sekcji.

jQuery Infinite Scrolling

jQuery Infinite Scrolling Plugin

Numeryczna paginacja stron coraz częściej przechodzi do lamusa. Zastępuje ją automatyczne pobieranie nowej treści wraz z przewijaniem witryny przez użytkownika, co znacząco upraszcza sytuację i nie zmusza do czekania na załadownie nowej strony. Prezentowany plugin łatwo zintegrować z PHP (w paczce jest od tego nawet przykład). Najlepiej jednak całą sprawę wyjaśni demo 😉