Archiwa kategorii: Licencja 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

EditableGrid – zaawansowana tabela w JavaScript

EditableGrid

EditableGrid to biblioteka JavaScript przekształcająca tabele w zaawansowaną tabele z możliwością edycji. Biblioteka udostępniana jest na zasadach licencji GPL. Oto główne funkcje tabeli:

  • Możliwość sortowania po kolumnach (nie sortuje polskich znaków)
  • Tabele można zbudować za pomocą znaczników <table>, lub wczytać specjalny plik XML.
  • Kolumny mogą mieć nadawane typy (string, integer, date, boolean, email, itp)
  • Można tworzyć listę wyboru dla danego pola.
  • Tabela sprawdza poprawność edytowanych rekordów
  • Skrypt PHP generujący xml-a

EditableGrid

Demo: http://www.webismymind.be/editablegrid/
Licencja: GPL

ToolTips – okno pomocy w jQuery

jQuery Tooltip Plugin

Skrypt okna pomocy (ToolTips) napisany w jQuery. Obsługuje znaczniki HTML i CSS w dymkach. Do wyboru mamy kilka ramek,  a niektóre możemy modyfikować za pomocą stylów CSS. Skrypt okna pomocy reaguje na przesuwanie za ekran co powoduje że zawsze jest widoczny w całości.

jQuery Tooltip Plugin

Wymagania: jQuery
Demo: http://jquery.bassistance.de/tooltip/demo/
Link: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
Licencja: MIT, GPL

Twitter Search – Niusy z Twittera za pomocą jQuery

jQuery Twitter Search Plugin

Twitter to jednej z najpopularniejszych mikro blogów. Gdybyśmy chcieli umieścić w swoich projektach skrypt przeszukujący i wyświetlający niusy z mikro blogu Twitter, mamy taką możliwość. Skrypt Twitter Search pozwala na wpisanie w kodzie fraz , które przeszukują Twitter i dynamicznie wczytują wynik wyszukiwania. Do działania skrypt wymaga czterech bibliotek, jQuery, twitter.search.js, chili-1.7.pack.js, corner.js. Piszę o tym ponieważ do sięgnięcia jest tylko plik twitter.search.js. Skrypt pozwala na ustawienie w kodzie wielu parametrów związanych z animacją niusów.

 

jQuery Twitter Search Plugin

Wymagania: jQuery
Demo: http://jquery.malsup.com/twitter/
Licencja: GPL

CLEditor – Prosty i darmowy edytor WYSIWYG

cleditor

CLEditor jest darmowym, lekkim, w pełni funkcjonalnym edytorem WYSIWYG. Skrypt można łatwo dodać do dowolnego projektu witryny WWW. Edytor posiada standardowe funkcji formatowania tekstu, czcionki, rozmiary, style, kolory tekstu i kolor ypodświetlenia. CLEditor pozwala dołączać zdjęcia (linki) a po zainstalowaniu pluginu, tabele. CLEditor obsługuje wszystkie główne przeglądarki.

cleditor

Wymagania: jQuery
Link: http://premiumsoftware.net/cleditor/
Licencja: GPL, MIT

Aloha-editor – kontekstowy edytor, prawie jak Word 2007

aloha editor

Word 2007 był dużym zaskoczeniem, przynajmniej dla mnie. Zupełnie nowy wygląd, skierowany w 100% na użyteczność i intuicyjność. Z początku nie doceniałem tego wkładu jaki włożył Microsoft. Kiedy szybko okazało się, że nowy interfejs jest bardziej intuicyjny i pomocny, a moje niezadowolenie wynikało z czystego przestawienia się, doceniłem nowego Worda. Nic dziwnego że znalazły się skrypty, które w swym wyglądem i funkcjonalności a na stronach WWW, chcą dorównać temu najsłynniejszemu edytorowi. Widziałem już w necie taki skrypt rozbudowanego edytora, lecz miałem kłopoty z jego zainstalowaniem wiec go nie opisywałem. Dziś przedstawiam wam podobny. Pasek narzędzi z najważniejszymi funkcjami do edytowania tekstu. Pasek sam pojawia się i przesuwa nad tekstem, wiec zawsze jest pod ręką i możemy go szybko użyć. Pomimo tego można go przesunąć i przyczepić w innym miejscu. Szkoda że nie ma w nim funkcji pokazywania zmiany przed kliknięciem, tak jak to jest w programie Word 2007. Edytor nie jest rozbudowany, ale jeżeli aplikacja nie wymaga rozbudowanego edytora, skrypt może spełnić świetnie zadanie.

aloha editor

Link: http://aloha-editor.com/index.html
Licencja: AGPL

CKEditor – edytor teksku w html

ckeditor

To chyba najbardziej znany edytor WYSIWYG w sieci. Aż dziw, że go jeszcze nie opisałem na swoim blogu. Wcześniej edytor nazywał się FCKeditor ale kojarzył się to z brzydkim angielskim słowem, dlatego  nazwa została zmieniona. Jednak w naszym języku słowo „zajeb….” to dobre słowo, aby określić ten edytor :) Zakres funkcji jakie umożliwia, jest bardzo duży. Oto najważniejsze z nich:

  • Kompatybilność ze wszystkimi przeglądarkami
  • Generuje kod zgodny z XHTML
  • Formatowanie czcionki: typ, wielkość, kolor, styl, pogrubienie, kursywa, wklejanie z Worda, obsługa linków i kotwic, tworzenie tabel i ich edycja, tworzenie pól formularza, obsługuje CSS.
  • Formatowanie tekstu: wyrównanie, wcięcie itp., itd.
  • Wycinanie, wklejanie i wklejanie jako czysty tekst (bez formatowania) oraz cofanie i przywracania wykonanych operacji
  • Obsługa wklejania grafik z możliwością ich wgrywania na serwer
  • Podczas edycji po kliknięciu prawym klawiszem myszki pojawia się menu
  • Możliwość modyfikacji paska narzędzi
  • Możliwość zmiany wyglądu edytora (nie tylko poprzez CSS, ale też poprzez zmianę skina)
  • Możliwość dołączania pluginów
  • Wsparcie dla korekty pisowni
  • Program jest wielojęzykowy z automatycznym wykrywaniem używanego języka również w języku polskim
  • Integracja z ASP, ASP.NET, Java, ColdFusion, PHP, JavaScript, Python, Perl i z innymi technologiami
  • Pobieranie obrazów i plików ze wskazanych lokalizacji oraz pogląd umieszczonych plików na serwerze
  • Łatwy w instalacji i konfigurowaniu

Zachęcam do zajrzenia na oficjalna stronkę CKEditor i na polską stronę z której ściągnąłem część opisu :)

ckeditor

Link: http://ckeditor.com
Demo: http://ckeditor.com/demo
Licencja: GPL, LGPL, MPL

Flowplayer – Twój własny YouTube lub RedTube :P

flowplayer

Ale mi się tytuł udał. Dziś coś czego jeszcze nie opisywałem, a mianowicie skrypty do odtwarzania video. Takie skrypty funkcjonują już od dawna na rożnego rodzaju stronach z video. Jeżeli chcemy stworzyć samemu taki portal, ten skrypt możne nam się przydać. Aby było możliwe odtwarzanie buforowanego video (czyli takiego, który jeszcze się nie ściągnął a już się leci) trzeba użyć specjalnego formatu video .swf. Ten format jest również wykorzystywany na YouTubie i został wymyślony przez firmę Adobe. Nie mam dobrej orientacji w programach, które konwertują filmy .avi na .swf, ale wiem że w programie Adobe Flash jest taki dodatkowy konwerter. Wracając do skryptu to można go używać za darmo również do celów komercyjnych. Istnieją odpłatne wersje tego skryptu z możliwością zmiany loga oraz interfejsu.

flowplayer

Link: http://flowplayer.org/
Demo: http://flowplayer.org/setup/index.html
Licencja: GPL