Archiwa kategorii: Licencja MIT

VexFlow – zapis nutowy HTML5 Canvas i SVG.

vexflow Canvas html5 SVG

Skrypt dzięki któremu możemy w prosty sposób sporządzić zapis nutowy. Postępując zgodnie z tutorialem zapiszemy nuty bez potrzeby wstawiania rysunków czy korzystania z innych programów. Nuty są zapisywane za pomocą  biblioteki Canvas, która wchodzi w skład specyfikacji HTML5. Biblioteka Canvas jest na wszystkich przeglądarkach prócz IE, która obsługuje ją dopiero od wersji 9 (na razie wersja beta beta).

vexflow Canvas html5 SVG

Wymagania: Canvas
Demo: http://www.vexflow.com/
Licencja: MIT

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

Keys CSS – Style przycisków klawiatury

keys css

Keys CSS to jeden plik z kaskadowymi arkuszami stylów, czyli po prostu z stylami CSS :). dzięki niemu możemy na przykład wyświetlić na naszych stronach skróty klawiszowe do jakiegoś programu. Zasada działania skryptu jest dość nietypowa bowiem style działają w oparciu o znacznik <kbd>. Nie każdy wie (ja też nie wiedziałem :) ), że jest to znacznik używany specjalnie do opisywania klawiszy klawiatury. Tak samo jak znacznik <p> jest do akapitów,  <code> do pisania kodu programistycznego, czy <cite> do cytatów.

keys css przykład

keys css

Link: http://michaelhue.com/keyscss/
Licencja: MIT

jqFancyTransitions – galeria z efektami przejścia w jQuery

jqFancyTransitions

Galeria zdjęć napisana na frameworku jQuery. Wyróżnia ją nietypowe animacje przejścia pomiędzy zdjęciami. Do wyboru mamy kilka rodzai przejść. Dzięki konfigurowanym parametrom możliwe jest wzbogacenie galerii o dodatkowe funkcje, takie jak paginacja, nawigacja, opisy i itp. Plugin jest kompatybilny ze wszystkimi przeglądarkami.

jqFancyTransitions

Framework: jQuery
Demo: http://workshop.rs/projects/jqfancytransitions/
Download: http://code.google.com/p/jqfancytransitions/downloads/list
Licencja: MIT, GPL

Quicksand – animowane sortowanie elementów w jQuery

quicksand jquery ajax

Quicksand to rewelacyjny skrypt napisany na frameworku jQuery.  Dzięki niemu w efektowny sposób można posortować elementy na stronie, lub pogrupować je według kategorii. Najciekawszy jest jednak sposób w jaki sortują się elementy, otóż przy sortowaniu przestawiają się kolejnością, a przy grupowaniu, niepasujące elementy znikają a pasujące układają się po kolei. Elementy możemy również sortować, wczytując je wcześniej metodą Ajax.

quicksand jquery ajax

Framework: jQuery
Demo: http://razorjack.net/quicksand/index.html
Licencja: MIT, GPL