Archiwum kategorii: Ajax, JS, jQuery

Slick

slick

Slick to responsywny skrypt slidera. Slider sprawdza czy w przeglądarka użytkownika obsługuje CSS3. Jeżeli nie, to wykorzystuje JavaScript zamiast stylu. Slick pozwala na pokazywanie jednocześnie wielu elementów w trybie autoplay z ładnym efektem przejścia. Więcej funkcji i właściwości znajdziecie na oficjalnej stronie projektu.

Dynamiczny system głosowania

jQuery Ajax Voting System

Gotowy system dynamicznego głosowania wykonanego przy użyciu jQuery, PHP oraz MySQL. Głosy są aktualizowane w bazie danych na bieżąco bez wykorzystywania ponownego przeładowania lub przekierowania strony. Skrypt działa podobnie do tych, które możemy znać m.in. z Reddita czy Wykopu. System pozwala użytkownikowi zagłosować w górę lub w dół, co ma wpływ na ostateczną ocenę materiału.…[Czytaj Dalej]

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.

Wookmark jQuery Plugin

Wookmark

Dynamiczny układ bloków jest ostatnio popularny, głównie przez serwisy typu Pinterst. Taki layout pozwala także dobrze dopasować się do różnych rozmiarów strony, co ułatwia przeglądanie witryny gościom. Wookmark to właśnie plugin jQuery, który pozwala ustawić elementy strony w formie równomiernie rozłożonych, responsywnych bloczków. Podstawowa implementacja ogranicza się jedynie do załączenia pluginu oraz jego wywołania dla…[Czytaj Dalej]

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.