Archiwa kategorii: Licencja MIT

Treesaver – multimedialny magazyn z użyciem JavaScript

treesaver JavaScript

Treesaver to biblioteka JavaScript umożliwiająca budowanie multimedialnych magazynów, książek, prospektów itp. Do treści artykułów możemy dodawać zdjęcia, dźwięk, oraz wideo. Skrypt automatycznie dzieli treść na stronie oraz automatycznie dostosowuje wielkość do okna przeglądarki. Jest to o tyle ciekawe, że multimedialne magazyny można przeglądać na rożnych urządzeniach, nie tylko na komputerze stacjonarnym, ale na urządzeniach mobilnych.

treesaver JavaScript

 

 

Link: http://treesaverjs.com/
Demo: http://demo.nomadeditions.com/real-eats/
Tutorial: https://github.com/Treesaver/treesaver/wiki/Walkthrough
Licencja: GPL, MIT

jNotify – okno powiadamiania w jQuery

jnotify jQuery

Okno powiadamiana jNotify to ciekawy sposób wyświetlana użytkownikowi witryny informacji o błędach lub innych zdarzeniach. Na stronie skryptu można wygenerować kod konfiguracyjny dzięki formularzowi, który potem możemy wstawić do naszego skryptu. W formularzu możemy ustawiać wielkość okna, czas wyświetlania, zmieniać efekty przejścia itp. Skrypt dobrze działa na wszystkich popularnych przeglądarkach.

jnotify jQuery

Wymagania: jQuery
Link: http://www.myjqueryplugins.com/jNotify
Demo: http://www.myjqueryplugins.com/jNotify/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

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

TipTip – alternatywny tooltip w jQuery

tip tip jquery

W znacznikach HTML możemy używać znacznika title do opisywania zawartości tagów. Na przykład możemy opisywać nimi linki lub zdjęcia.

przykład:

<a href=”" title=”This will show up in the TipTip popup.”>

<img src=”image.jpg” title=”A picture of the World” />

Po najechaniu na te elementy wyskakuje toolTip z zawartością atrybutu title. Niestety standardowy tooltip jest brzydki oraz nie ma efektu przejścia. Alternatywą dla standardowego tooltipa może być TipTip. Skrypt umożliwia napisanie własnych stylów do okienka oraz jego animacje. Na stronie autora skryptu można obejrzeć video, które szerzej pokazuje możliwości skryptu.

tip tip jquery

Wymagania: jQuery
Demo: http://code.drewwilson.com/entry/tiptip-jquery-plugin
Licencja: MIT. GPL

jPlayer – odtwarzacz plików muzycznych w jQuery

jPlayer jquery

jPlayer to internetowy odtwarzacz muzycznych. Obsługuje pliki mp3, ogg oraz adresy internetowych stacji radiowych. Interfejs jPlayera jest napisany w HTML. Mamy do dyspozycji kilka rodzajów wyglądu interfejsu, trzy z paskiem przewijania (każdy inny), tekstowy i z playlistą. Pliki muzyczne są buforowane, co umożliwia zaczęcie słuchania dźwięku w trakcie ściągania. Możemy również skakać po utworze przesuwając pasek postępu. Ciekawa opcją jest słuchanie internetowych stacji radiowych. Skrypt działa bardzo wydajnie i sprawnie i o dziwo uruchamia się pod IE.

jPlayer jquery

Framework: jQuery
Demo: http://www.happyworm.com/jquery/jplayer/latest/demos.htm
Link: http://www.happyworm.com/jquery/jplayer/
Licencja: MIT, GPL

SheepIt – formularz z dodatkowymi polami w jQuery

SheepIt jQuery

Niektórzy posiadają więcej niż jeden nr telefonu. Aby ułatwić wprowadzanie danych takim użytkownikom, można użyć w projekcie SheepIt. Ten skrypt napisany w jQuery pozwala na dodanie dodatkowych pól z numerami telefonu do wpisania. Dodatkowo skrypt umożliwia wygenerowanie pól określonej ilość lub usuwać poszczególne pola lub wszystkie naraz. Na stronie można znaleźć kilka przykładów jak użyć skryptu. Miedzy innymi jak wczytywać dane w pola z formatu JSON.

SheepIt jQuery

Framework: jQuery
Link: http://www.mdelrosso.com/sheepit/
Demo: http://www.mdelrosso.com/sheepit/index.php?lng=en_GB&sec=demos
Licencja: MIT

jQuery Keypad – klawiatura w jQuery

jQuery Keypad

Ciekawy plugin napisany w jQuery. Dzięki niemy możemy mieć wirtualną klawiaturę przy polu <input>.  Skrypt potrafi stworzyć zarówno małe klawiatury numeryczne, jak i duże „qwerty” Dokumentacja na stronie autora daję duże możliwość rozbudowy klawiatury, miedzy innymi definiowanie własnych przycisków. Skrypt jest prosty w instalacji, wystarczy go ściągnąć na dysk i dodać do folderu bibliotekę jQuery.

jQuery Keypad

Link: http://keith-wood.name/keypad.html
Demo: http://keith-wood.name/keypadBasics.html
Licencja: MIT, GPL