Archiwa kategorii: Licencja GPL

Wysuwany panel w jQuery i Mootools i na WordPress

sliding login panel

Wysuwany panel w którym możemy umieścić formularz, menu, zdjęcia itp . Panel wysuwa się z góry po naciśnięciu przycisku a efekt przejścia jest bardzo płynny. Skrypt istnieje trzech wersjach. Pierwsza napisana w jQuery, druga w MooTools i trzecia jako plugin do WordPress.

sliding login panel

Framework: jQuery
Link: http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Demo: http://web-kreation.com/demos/Sliding_login_panel_jquery/

Framework: MooTools
Link: http://web-kreation.com/tutorials/nice-login-and-signup-panel-using-mootools-12/
Demo: http://web-kreation.com/demos/login_form_mootools_1.2/

WordPress
Link: http://web-kreation.com/all/implement-a-nice-clean-jquery-sliding-panel-in-wordpress-27/

Licencja: GPL

Notepad++ edytor i notatnik dla programistów

notepad-plus-plus

Notpad ++ jest zaawansowanym edytor tekstu i programem obowiązkowym dla każdego dewelopera w systemie Windows. Wielu programistów używa go jako zapasowego edytora do szybkiej edycji kodu, chociaż zdarza się że niektórzy używają tylko tego. Program ma podświetlaną składnię dla wielu języków i słownik podpowiedzi. Potrafi konwertować pliki na UTF-8 bez BOM, co jest pomocnie kiedy sam plik jest inaczej kodowany. W programie mamy obsługę zakładek, zwijania kodu, przeszukiwania plików, makr oraz pluginów.

 

notepad-plus-plus

Systemy: Windows
Link: http://notepad-plus-plus.org/
Licencja: GPL

Seam Carving GUI – ciekawy program do skalowania zdjęć

Całkiem przypadkiem grzebiąc w internecie natknąłem się na ciekawy program do skalowania zdjęć. Niezwykłość tego programu polega na tym, że skalowanie zdjęcia nie polega na proporcjonalnej zmianie wielkości, ale na odpowiednim usuwaniu lub dodawaniu pikseli w zdjęcie. Dzięki temu możemy rozszerzać i zmniejszyć zdjęcie nie powodując rozciągnięcia elementów na zdjęciu. Program może się świetnie nadawać do tworzenia nagłówków na strony WWW, gdzie mamy wąskie zdjęcie a potrzebujemy nieco szersze. Kto nie zrozumiał o co chodzi, zapraszam do obejrzenia filmiku z prezentacją.

System: Mac, Win, Linux
Link: http://code.google.com/p/seam-carving-gui/
Licencja: GPL

Skrypt Naked password – ciekawy sposób na skomplikowane hasła :)

Naked Password jQuery

Teraz chętniej będziesz tworzył skomplikowane hasła, dzięki skryptowi Naked Password. Skrypt wyświetla obrazek dziewczyny. Im bardziej skomplikowane hasło, tym dziewczyna jest skromniej ubrana. Pomysł bardzo ciekawy, jednak obrazek dziewczyny jest pikselowany i bardzo mały. No ale można go przerobić i wstawić bardziej śmiały obrazek :). Dla chcącego nic trudnego. Myślę że takie mini zabawy przy uzupełnianiu formularzy, przy zastosowaniu ich w rożnych serwisach ,mogłyby zachęcić więcej osób rejestracji.

 

Naked Password jQuery

 

Framework: jQuery
Demo: http://www.nakedpassword.com/
Download: https://github.com/platform45/nakedpassword
Licencja: MIT, GPL

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

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