Archiwa kategorii: Skrypty

jRumble – wibrujące obiekty w jQuery

Prosty skrypt napisany na frameworku jQuery. Za jego pomocą można tworzyć wibrujące i kręcące się obiekty. Skrypt umożliwia nam skonfigurowanie wielu parametrów dotyczących ruchu. Obiekty mogą reagować również reagować na działania myszy (np. kliknięcie). Skrypt świetnie się nadaje, aby w ciekawy sposób zwrócić uwagę. O ile dobrze pamiętam Internet Explorer nadal ma problemy z obsługą niektórych efektów. Dotyczy to obracania obiektów.

jrumble jquery

Framework: jQuery
Demo: http://jackrugile.com/jrumble/
Licencja: MIT

CSS Compressor – aplikacja webowa do kompresji CSS

CSS Compressor

Program do kompresji CSS. Układa on kod w taki sposób, aby zajmował jak najmniej miejsca. Mamy możliwość ustawienia kilku poziomów kompresji kodu. Aplikacja wycina zbędne spacje, usuwa akapity, skraca oznaczenia kolorów, zmienia na małe litery, usuwa komentarze itp. Aplikacja umożliwia również układanie stylów alfabetycznie.  Po zakończeniu możemy sprawdzić w konsoli co zostało zmienione, oraz w jakim stopniu zmniejszyła się objętość pliku w porównaniu z oryginałem. Należy pamiętać, aby przed zabawą w kompresje kodu zrobić kopie zapasową. Kompresowanie kodu pozwala na szybsze i płynniejsze wczytywanie strony.

Link: http://www.csscompressor.com/

VisualSearch – rewelacyjny skrypt w do wyszukiwana w jQuery

VisualSearch

Jeden z ciekawszych skryptów do wyszukiwania jaki udało mi się znaleźć w sieci. Napisany został przy pomocy frameworku jQuery. Posada możliwość tworzenia własnych kategorii, które możemy następnie wpisywać a skrypt sam będzie nam je podpowiadał. W pasku wyszukiwania możemy kolekcjonować kryteria wyszukiwania. Skrypt pozwala stworzyć naprawdę ciekawy sposób wyszukiwania.

Framework: jQuery
Demo: http://documentcloud.github.com/visualsearch/
Licencja: MIT

Stylesheet switcher – skrypt jQuery do zmiany CSS

stylesheet switcher

Malutki i prosty skrypt, który pozwala za jednym kliknięciem zmienić plik arkusza stylów czyli atrybut href w znaczniku link. Dodatkowo style pozostają również po odświeżeniu, ponieważ informacja o aktualnym pliku zapisywana jest w ciasteczkach.

Framework: jQuery
Demo: http://www.kelvinluck.com/assets/jquery/styleswitch/index.html
Download: http://www.kelvinluck.com/assets/jquery/styleswitch/styleswitch.zip

KeyBoarder – skrypt do prezentacji przycisków klawiatury – CSS

KeyBoarder

Prosty skrypt za pomocą którego będziemy mogli prezentować klawisze klawiatury. Dokładnie mówiąc wystarczy użyć odpowiednich class, aby nasz znacznik przypominał przycisk klawiatury. Mamy do dyspozycji kilka stylów do wyboru. Dodatkowo możemy użyć „pusików” i w ten sposób prezentować skróty klawiszowe do jakiś programów. Paczka oprócz stylów zawiera skrypt JavaScript, dzięki któremu możemy sprawdzać kod danego przycisku.

Demo: http://metgate.org/KeyBoarder/
Github: https://github.com/lsauer/keyboarder
Licencja: MIT

jQuery News Ticker – przewijany pasek newsów w jQuery

jQuery News Ticker

Jeżeli ktoś jeszcze pamięta to w języku html jest taki znacznik MARQUEE. Pozwala on tworzyć przewiany pasek. Niestety jakoś jego przewijania pozostawia wiele do życzenia. Lepszym rozwiązaniem jest użycie skryptu jQuery.  News Ticker pozwala na wyświetlanie newsów w płynny animowany sposób. Jest łatwy w instalacji i posada kilka opcji konfiguracji.  Jak zapewnia autor, skrypt pozwala wyświetlać wiadomości z kanału RSS.

Wymagania: jQuery
Demo: http://www.jquerynewsticker.com/
Licencja: GPL