Archiwa tagu: jQuery

Ax-zoomer – skrypt do zoomowania zdjęć w jQuery

ax-zoomer jquery

Prosty skrypt, który umożliwia przybliżanie zdjęć przy użyciu przycisków lub za pomocą rolki w myszce. W konfiguracji skryptu mamy możliwość ustawienia krotności zbliżenia, przeźroczystości, ikonki przycisków oraz czułości rolki myszy. Przy dodawaniu zdjęcia w znaczniku <img> ustalamy małe i duże zdjęcie. Podczas zoomowania, zdjęcie jest podmieniane przez skrypt z małego na duże.

 

ax-zoomer jquery

 

Framework: jQuery
Link: http://www.albanx.com/?pid=1&subid=13
Licencja: MIT, GPL

FontSizer – Skrypt do powiększania rozmiaru czcionki – jQuery

fontsizer jquery

Niekiedy na stronach WWW można zauważyć opcje powiększania rozmiaru czcionki, skrypt fontSizer właśnie temu służy. W kodzie skryptu można ustawić maksymalny rozmiar do jakiego mają się powiększać litery. W linku demo znajduje się instrukcja jak zainstalować skrypt na stronie www.

fontsizer jquery

Framework: jQuery
Link: http://plugins.jquery.com/project/FontSize
Demo: http://www.protoboard.cl/sandbox/fontsizer/sample.html
Licencja: MIT, 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

Subway Map Visualization – skrypt w jQuery do tworzenia schematów lini metra

subway map visualization jquery

Ciekawy skrypt w jQuery z pomocą którego wykorzystując jedynie znaczniki HTML, można utworzyć schemat linii metra. Znaczniki są przy wyświetlaniu zamieniane na linie dzięki zastosowaniu biblioteki Canvas. Możemy dodawać punkty przystankowe i odnośniki np. do opisów. Skrypt pozwala nam dowolne modyfikować kolory i kształt linii oraz wielkość samej mapy.

 

subway map visualization jquery

Framework: jQuery
Link: http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/
Licencja: Darmowa

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

TagCanvas – animowana chmura tagów w jQuery i Canvas

tagcanvas

TagCanvas to plugin, który widziałem już na wielu stronach. Pozwala on na wyświetlanie tak zwanej chmury tagów. Tagi mogą być wyróżnione wielkością czcionki w zależności od ich popularności. Zamiast tekstu można również umieścić obrazki. Skrypt wykorzystuje do działania framework jQuery oraz bibliotekę Canvas. TagCanvas dział równierz na przeglądarce internetowej IE. Oprócz pobrania skryptu może również pobrać wtyczkę specjalnie napisaną do WordPressa lub Symfony.

tagcanvas

 

Framework: jQuery
Link: http://www.goat1000.com/tagcanvas.php
Licencja: LGPL