Miesięczne archiwum: Styczeń 2012

MopTip – tooltip made in Japanese :)

moptip jQuery
Skrypt MopTip to ToolTip czyli chmurka z podpowiedziami, którą możemy umieścić w naszych projektach. Wyświetlając się, automatycznie dopasowuje się do ekranu. Niewątpliwą zaletą skryptu jest to, że pozwala na umieszczanie w treści obrazków. Dodatkowo chmurka może po wyświetleniu się, wymusić na użytkowniku kliknięcie przycisku „zamknij” zamiast zniknąć automatycznie.

Framework: jQuery
Demo: http://www.mopstudio.jp/mopTip2demo.html
Link: http://www.mopstudio.jp/mopTip2demo.html
Licencja: MIT

PxLoader – biblioteka do ładowania plików

pxloader

Biblioteka JavaScript która służy do ładowania plików zanim zostaną użyte na stronie. Taki mechanizm możne być wykorzystywany w preloaderach lub grach pisanych w technologii HTML5. Biblioteka potrafi monitorować ściągane pliki informując o postępie. Możliwe jest nawet ściąganie plików w grupach, to znaczy że pewny pliki nie zostaną ściągnięte do póki nie ściągną się inne. Skrypt został użyty do stworzenia gierki. Kto się nudzi może sobie pograć cut the rope :)

Demo: http://thinkpixellab.com/pxloader/
Licencja: MIT

Skrypt do tworzenia przestawnych layoutów – jQuery

customizable_layout_using

Skrypt za pomocą którego możemy stworzyć layout strony internetowej w której będziemy mieli możliwość  zmiany kolejności poszczególnych bloków. Skrypt bazuje na jQueryUI, ale wykorzystuje jeszcze dodatkową bibliotekę do obsługi cookies, dzięki temu efekt przestawienia bloków zostaje zapisany. Miałem tylko dziwne wrażenie że metoda zapisu do cookies nie działa.

 

Framework: jQuery, jQueryUI
Link: http://devheart.org/articles/jquery-customizable-layout-using-drag-and-drop/
Demo: http://devheart.org/examples/jquery-customizable-layout-using-drag-and-drop/3-implementation-in-a-real-design/index.html#ex-3

TagBox – skrypt do dodawania tagów – jQuery

TagBox jquery

Prosty skrypt, który możemy użyć do dodawania tagów, oznaczeń, etykiet, itp. Możemy wpisywać po kolei wartości, albo wybierać je z listy.Przy wpisywaniu „z palucha” po wpisaniu przecinka tag zostanie automatycznie dodany. A jeżeli się pomylimy to każdy tag możemy usunąć.

Framework: jQuery
Demo: http://www.geektantra.com/projects/jquery-tagbox/
Link: http://code.google.com/p/jquery-tagbox/
Licencja: MIT

Icongal.com – baza ponad 300 000 ikon

icongal

Icongal.com to serwis z ikonami. Posiada wiele opcji wyszukiwania. Możemy przeglądać zasoby po kategoriach,  zestawach, rozmiarze, autorze oraz licencji. Nic nie stoi na przeszkodzie, aby szukać ikon na podstawie wpisanej frazy. Ikony możemy podejrzeć na białym tle, przeźroczystym i czarnym. Portal zebrał do tej pory ponad 300 000 ikon.

Link: http://icongal.com/

 

AUSU – auto uzupełnianie z wykorzystaniem jQuery, PHP i bazy danych

ausu auto uzupełnianie jquery

Auto uzupełnianie na stronach powoli zaczyna być już normą. Dzięki skryptowi Auso możemy w szybki i prosty sposób stworzyć wyszukiwanie z podpowiedziami. Skrypt do działania wymaga PHP i bazy danych. Zarówno wygląd jak i sposób pobierania danych z bazy można bardzo łatwo zmienić.

 

 

Wymagania: jQuery, PHP, MySql
Demo: http://oslund.ca/demos/ausu/
Link: http://discussion.oslund.ca/2011/01/a-simple-jquery-ajax-autosuggest-plugin
Licencja: Darmowa

Gridulator – wyliczanie kolumn do frameworków CSS

gridulator

Świetne narzędzie do wyliczania kolumn w szablonie strony WWW. Wystarczy że ustalimy jakiej szerokości chcemy mieć stronę oraz ile ma zawierać kolumn. Aplikacja sama obliczy jaką szerokość może mieć jedna kolumna oraz ile może wynieść miedzy nimi odstęp. Wynik możemy podejrzeć na podglądzie lub zapisać w postaci pliku .png. Szkoda że aplikacja nie generuje od razu pliku CSS.

Link: http://gridulator.com/