Archiwa tagu: jQuery

SlideNote – wyskakująca notatka w jQuery

SlideNote jQuery

Żółta karteczka wyskakująca z boku ekranu to najlepszy sposób poinformowania odwiedzającego użytkownika o czymś ciekawym. Taką właśnie karteczkę wyświetla ten skrypt napisany w jQuery. Skrypt reaguje na przesuwanie się użytkownika rolką w dół po stronie. Okienko można zamknąć przyciskiem w rogu. Skrypt jest również dostępny jako wtyczka do WordPressa.

SlideNote jQuery

Frameworks: jQuery
Demo: http://slidenote.info/
Licencja: GPL

SlideNote jQuery

jQuery Face detection – rozpoznawanie twarzy

jQuery Face detection

Jeżeli ktoś korzystał z Google picasso3  to jest w nim funkcja rozpoznawania twarzy. Na pomysł tej samej funkcji napisanej w jQuery wpadł autor tego pluginu. Muszę przyznać szczerze, że skrypt słabo się spisuje, ponieważ nie rozpoznaje dobrze twarzy. Testowałem skrypt ze zdjęciem na którym było 5 osób i drugie na którym były 3 osoby. Zdjęcia były wyraźne i testowałem je w rożnych wielkościach. Na 5 osób znalazł jedną twarz a na trzy osobowy dwie twarze. No ale można mieć nadzieje, że autor skryptu trochę go poprawi. Projekt można wspomóc dotacją, ale ja bym się jeszcze nie spieszył z wpisywaniem numeru karty kredytowej :P

jQuery Face detection

Framework: jQuery
Link: https://github.com/jaysalvat/jquery.facedetection
Demo: http://facedetection.jaysalvat.com/

jDownload – okno pobierania plików

jDownload jQuery

Kiedy chcemy ściągnąć plik zapakowanym na przykład .zip, wystarczy że klikniemy na link ,a przeglądarka sama otworzy nam okno ściągania. W przypadku zdjęć na stronie nie jest to takie proste, ponieważ aby zapisać zdjęcie na dysku trzeba się posłużyć na przykład menu kontekstowym. Z pomocą przychodzi nam plugin jDownload, który dla wybranych plików tworzy okno pobierania. Skrypt świetnie się na daje do galerii w której istnieje potrzeba pobierania zdjęć (portal z tapetami na pulpit).

jDownload jQuery

Framework: jQuery
Demo: http://jdownloadplugin.com/
Licencja GPL

jQuery-Notes – dodawanie notatek w jQuery i PHP5

jquery-notes

Skrypt do dodawania notatek do zdjęć. Notatki dodaje się przez umieszczenie ramki na zdjęcie. Ramkę możemy powiększać , aby lepiej zaznaczyć obszar który zamierzamy komentować. Następnie możemy wpisać tytuł notatki, treść i link. Ostatnim krokiem jest zapisanie notatki lub anulowanie. Skrypt jest napisany w php5 i jQuery, umożliwia w kodzie, modyfikacja  wielu ustawień. Skrypt nie wymaga bazy danych, notatki są zapisywane na dysku w formacie JSON.

jquery-notes

Wymagania: jQuery, PHP5
Demo: http://jquery-notes.rydygel.de/samples.php
Licencja: CC

jQueryRotate – obracanie zdjęć z wykorzystaniem jQuery (działa na IE)

jqueryrotate2

Jeżeli chcemy obrócić zdjęcia tak, aby efekt był widoczny we wszystkich przeglądarkach, ten skrypt będzie odpowiedni. Nie używa on stylów css3, które nie są obsługiwane przez IE ale korzysta biblioteki Canvas. Skrypt niestety może być użyty tylko do znaczników IMG. Próbowałem obróci znacznik DIV z tekstem. Niestety bezskutecznie.

jquery rotate

jqueryrotate2

Framework: jQuery
Demo: http://wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html
Download: http://code.google.com/p/jqueryrotate/downloads/list
Licencja: MIT

Cantipi – prostsze wybieranie godziny w formularzach w jQuery

cantipi2 jquery

Mały skrypt umożliwiający wybranie godziny i minuty na tarczy zegara. Najczęściej w formularzach, gdy musimy wybrać datę pojawia nam się ładny kalendarz. Jednak przy wyborze godziny i minuty wybieramy je z listy rozwijanej. Ten mały skrypt ułatwi nieco wprowadzanie czasu. Zamiast wybierać lub wpisywać liczby, zaznaczamy je na tarczy zegara. Wadą skryptu jest to, że użytkownicy mogą mieć trudność z jego obsługą. Aby zmieniać minuty należy klikać na białe pole zegarka, jeżeli godziny na zielone. Ja na początku nie wiedziałem za bardzo jak ustawia się godzinę :) Sama tarcza zegara narysowania jest przy pomocy canvas.

cantipi jquery

cantipi2 jquery

Framework: jQuery
Download: http://code.google.com/p/cantipi/downloads/list
Demo: http://cantipi.zzl.org/
Licencja: MIT

jQuery One Page Navigation – animowane etykiety w jQuery

jQuery One Page Navigation Plugin

Prosty skrypt do umieszczania na stronie przesuwanych etykiet. Etykiety to pojęcie, które odnosi się do tworzenia kodu HTML i oznacza odnośnik, który kieruje nas w pewną cześć tej samej strony. Jest to bardzo dobre rozwiązanie w sytuacji gdy mamy bardzo dużo informacji na stronie, podzielone na grupy, tematy lub akapity. Etykiety najczęściej używa się przy pisaniu FAQ, gdzie na początku jest spis treści a pod nim kilometry informacji :). Klikając na punkt w spisie, etykiety przenoszą nas w odpowiednie miejsce na stronie.

To tyle o samych etykietach, więcej informacji o tym możecie znaleźć na stronce [link]. Jeżeli chodzi o skrypt to zasada działania jest tak sama, z tą różnica że wybierają poszczególne pozycje w spisie skrypt w płynny animowany sposób przesuwa się po dokumencie.

jQuery One Page Navigation Plugin

Framework: jQuery
Demo: http://trevordavis.net/play/jquery-one-page-nav/
Download: http://github.com/davist11/jQuery-One-Page-Nav
Licencja: Darmowa