Archiwa tagu: jQuery

Isotope – rewelacyjny plugin do sortowania w jQuery

isotope jquery

Isotope to plugin o imponujących możliwościach sortowania elementów. Możemy grupować elementy dowolnie utworzonymi kategoriami, ograniczać wyświetlanie do wskazanych kategorii, oraz zmieniać sposób wyświetlania elementów. Wszystkie te zmiany w sortowaniu, są wykonywane przez animacje. Wszystkie elementy mieszają się, aby każdy mógł wskoczyć w odpowiednie miejsce. Elementy które mają zostać ukryte powoli znikają, a dodawane elementy pojawiają się i wstukają w odpowiednie miejsce. Efekty animacji lepiej samemu zobaczyć, aby lepiej zrozumieć o co chodzi. Skrypt jest darmowy do nie komercyjnego użytku. Aby zakupić komercyjną wersje wymagany jest kontakt z autorem skryptu.

Na stronie głównej skryptu, elementy niebieskie to dokumentacja, żółte to przykłady zastosowania, z różowych elementów możemy ściągnąć skrypt.

isotope jquery

Framework: jQuery
Link: http://isotope.metafizzy.co/
Demo: http://isotope.metafizzy.co/demos/elements-partial.html
Download: http://meta.metafizzy.co/files/isotope-site.zip
Licencja: Inna

QapTcha – alternatywa dla captcha w jQuery

QapTcha - jQuery Plugin

QapTcha to alternatywny sposób zabezpieczania formularzy przed mechanizmami spamerskimi. Na wielu strona stosuje się zniekształcony ciąg znaków, który trzeba przepisać do pola. Nie wiem jak inni, ale ja mam zawsze problemy z odczytaniem takich kulfonów i bardzo tego nie lubię. Dzięki QapTcha aby wysłać, formularz należy przesunąć pasek zabezpieczający kursorem myszy. Myślę że dla mniej popularnych stron jest to dobra i skuteczna alternatywa, która nie zniechęci internauty do wysyłania formularza.

QapTcha - jQuery Plugin

Framework: jQuery, jQuery UI
Demo: http://www.myjqueryplugins.com/QapTcha/demo
Link: http://www.myjqueryplugins.com/QapTcha
Licencja: MIT

jLy1 – plugin do skracania linków w jQuery

jly1 jquery

Prosty plugin w jQuery którego można użyć do skracania linków do stron. Sam skrypt nie skraca linków, wykorzystuje API z francuskiej strony ly1.fr. Otrzymany w ten sposób link jest wyświetlany w okienku. Krótkie linki są pomocne przy wysyłaniu ich w serwisach z ograniczona ilością znaków do wpisania lub przy wysyłaniu linków sms-em.

jly1 jquery

Wymagania: jQuery
Link: http://www.myjqueryplugins.com/jLy1
Demo: http://www.myjqueryplugins.com/jLy1/demo
Licencja: MIT

jRating – system oceny z użyciem Ajax i jQuery

jRating jQuery Ajax

jRating to plugin do tworzenia szybkiego systemu oceny. Skrypt umożliwia szereg konfiguracji. Możemy ustalić ilość gwiazdek oraz ich wielkość lub też zmienić grafikę. Skrypt umożliwia również konfigurowanie sposobu oceniania, np. możemy przyznawać pół gwiazdki. W plikach pluginu jest umieszczony plik PHP przygotowany do zapisu wyniku oceny do bazy danych, jednak mechanizm zapisywania trzeba zaprogramować samemu.

jRating jQuery Ajax

Wymagania: jQuery
Link: http://www.myjqueryplugins.com/jRating
Demo: http://www.myjqueryplugins.com/jRating/demo
Licencja: MIT

jMeniu – rozbudowane menu w jQuery

jmenu jquery

Dzięki jMenu możemy utworzyć menu z dowolna liczbą zagnierzdzeń . Skrypt jest prosty w instalacji a budowę menu skrypt opiera na znacznikach ul i li.  Demo umieszczone na stronie posiada panel do zmieniania parametrów menu które możemy ustawić i pobrać kod z ustawieniami.

jmenu jquery

Wymagania: jQuery, jQuery UI
Link: http://www.myjqueryplugins.com/jMenu
Demo: http://www.myjqueryplugins.com/jMenu/demo
Licencja: MIT

Paginacja z użyciem Ajax i PHP

super_paging Ajax PHP

Prosta i łatwo w użyciu paginacja stron. Do dzielenia na strony skrypt wykorzystuje PHP a do wczytywania informacji z poszczególnych stron jest wykorzystywana technologia AJAX. Poszczególne rekordy są odczytywane z bazy danych.

Aby zainstalować przykład trzeba otworzyć baze danych „records” w niej tabele równierz „records” i dodać trzy pola pierwsze „id”-integer (klucz główny), „message” – varchar i pole „image” też varchar. W polu imege dajemy linki do obrazków a w polu message tekst. Trzeba również pamiętać o prawidłowym haśle do bazy danych bo skrypt nie wyświetla żadnych komunikatów o błędzie.

super_paging Ajax PHP

Wymagania: PHP, MySql, jQuery
Demo: http://demos.99points.info/super_paging/
Link: http://www.99points.info/2011/01/ajax-pagination-using-jquery-and-php-with-animation/
Licencja: Darmowa

Spritely – animowane logo z użyciem jQuery

spritely jQuery

To jeden z ciekawszych skryptów napisanych w jQuery. Dzięki niemu możemy tworzyć ciekawe animowane tła lub animowane logo. Stosując dodatkowo bibliotekę jQuery IU, możemy umieszczać w animacji obiekty, które możemy przesuwać po stronie za pomocom myszki. Skrypt działa na wszystkich popularnych przeglądarkach oraz na telefonach iPad i iPhone. Na stronie skryptu znajduje się dokumentacja jak używać skrypt oraz znajduje się na niej dużo odnośników do innych stron które wykorzystują ten skrypt.

Wymagania: jQuery
Demo: http://spritely.net/
Licencja: MIT, GPL