Archiwa kategorii: Licencja GPL

Okno powiadamiania bez obrazków tylko CSS3 i jQuery

jquery-notify

Okno powiadamiania napisane na frameworku jQuery oraz bez użycia jakichkolwiek obrazków. A skoro tak to na pewno CSS3 się kłania który nie ma swojej implementacji na IE. Tak więc cienie i zaokrąglenia nie będą działać. Mimo wszytko skrypt może okazać się bardzo użyteczny. Posiada kilka funkcji:

jquery-notify

  • Znikanie po czasie
  • Przyklejanie się do innych okien w czasie animacji
  • umieszczanie obrazków w oknie
  • Zamykanie na „X” lub na przycisk
  • Wywoływanie zdarzeń po kliknięciu na powiadomienie

Framework: jQuery
Link: http://www.erichynds.com/examples/jquery-notify/
Licencja: MIT, GPL

DataTables – prezentacja danych w tabeli z użyciem jQuery

datatables

DataTables to komponent na frameworku jQuery. Dzięki niemy w bardzo prosty sposób możemy prezentować dane w tabeli. Komponent DataTables daje wiele opcji, dzięki którym można dostosować skrypt do potrzeb własnej strony. Na stronie skryptu można znaleźć wiele przykładów użycia rożnych funkcji takich jak; wczytywanie danych metodą Ajax, paginacja zmiennej długości, sortowanie, filtrowanie kolumn, edytowanie pól w tabeli oraz wiele innych.

datatables

Wymagania: jQuery
Link: http://www.sprymedia.co.uk/article/DataTables+1.4
Licencja: GPL, BSD

SmoothGallery – galeria obrazków w MooTools

smoothgallery

Galeria obrazków wykorzystująca framework MooTools. Komponent posiada szereg funkcji takich jak pokaz slajdów, kilka sposobów przejścia między zdjęciami, opisy zdjęć. Duża zaletą komponentu jest to  że można poukładać zdjęcia w grupy. Następną zaletą galerii jest to, że dołączony jest do niej plik PHP, który umożliwia zmieszanie zdjęć. Komponent z tego co się doczytałem umożliwia również wyświetlanie zdjęć z portalu Flickr, ale nie zdążyłem tego przetestować.

smoothgallery

Wymagania: MooTools
Link: http://smoothgallery.jondesign.net/
Licencja: GPL

TableSorter – tabelka z sortowaniem w jQuery

table-sorter

Jeżeli potrzebujesz tabeli z możliwością posortowania wyników ten komponent będzie do tego odpowiedni. Korzystając z frameworka jQuery tworzy w nagłówkach tabeli strzałki do sortowania. Niepotrzebne jest tym samym kodowanie takiej funkcjonalności. Komponent umożliwia nie tylko sortowanie ale też dodawanie do tabeli innych rekordów korzystając z technologi AJAX.

table-sorter

Wymagania: jQuery
Link: http://tablesorter.com
Licencja: MIT lub GPL

NoFunc – Próbnik kolorów

nofunc_cp

Coś dla deweloperów i designerów. Próbnik kolorów, który nie tylko można wykorzystać do dopasowywania odpowiednich kolorów, ale także do  zmiany na przykład tła strony. Na serwisie do którego prowadzi link poniżej znajdują się inne próbniki kolorów. Czyli jak to się mówi do wyboru do koloru :)

Link: http://nofunc.org/DHTML_Color_Sphere/
Link: http://nofunc.org/DHTML_Color_Picker/
Link: http://nofunc.org/DHTML_Color_Picker_2/
Licencja: CC, GPL

Upgraded jQuery Spy

upgradedjqueryspy

Komponent do wyświetlania niusów, które są automatycznie zmieniane i dodawane na początek. Starsze niusy stopniowo robią się bardziej mdłe, po czym znikają. Wszytko dzieję się automatycznie. Komponent umożliwia wyświetlanie informacji zarówno z znaczników div jak i JOSN (coś takiego jak XML). Dodatkowo mamy możliwość ustawienia parametrów, które kontrolują ilość niusów, czas odświeżania itp.

upgradedjqueryspy

Wymagania: jQuery
Linki: http://leftlogic.com/lounge/articles/jquery_spy2
Licencja: MIT, GPL

Google maps w jQuery

google_map_jquery

Tworząc proste mapki w Google maps API nie trzeba kierować się tutorialami na stronie Google. Duż0 prościej jest użyć jQuery. Różnica miedzie Google maps API a jQuery tkwi w prostocie ponieważ możemy wyświetlić mapkę używając praktycznie 3 linijek kodu. Inne rzeczy mogą zająć nie wiele więcej linijek kodu. Na podanej poniżej stronie znajduje się 27 sposobów na wykorzystanie Google maps z użyciem jQuery.

google_map_jquery

Wymagania: jQuery
Link: http://www.mayzes.org/googlemaps.jquery.html
Licencja: MIT, GPL

Pupunzi – zakładki w jQuery

mb_tabset

Zakładki to bardzo pomysłowa rzecz, rozwiązują kilka problemów natury koncepcyjnej :) Ten komponent zakładek udostępnia kilka ciekawych funkcji. Przede wszystkim można umieszczać jedną zakładkę w drugiej. Po drugie zakładki można ustawiać w kolejności. Zakładki nie przełączają się od razu, ale towarzyszy im szybkie i płynne przejście. Komponent korzysta z biblioteki jQuery.

mb_tabset

Wymagania: jQuery
Link: http://pupunzi.com/#mb.components/mb.tabset/tabset.html
Licencja MIT, GPL