Archiwa kategorii: Skrypty

Timeline – Zaawansowana oś czasu w jQuery

Timeline to zaawansowany skrypt osi czasu. Jednak jak zapewnia autor jest on prosty i intuicyjny w użyciu a jednocześnie prezentuje się znakomicie. Dane do osi czasu mogą być wgrywane przez format danych JSON. Na osi czasu możemy umieścić najróżniejsze media, zdjęcia, mapy Google, video, pliki audio. Media można dodawać z portali społecznościowych.

timeline jquery

Framework: jQuery
Demo: http://timeline.verite.co/
Licencja: GPL

 

Scroll Path – przesuwanie strony po ścieżce – rewelacyjny skrypt w jQuery

Scroll Path to plugin jQuery, który pozwala stworzyć stronę internetową w formie prezentacji. Poszczególne strony można przełączać za pomocą nawigacji lub przesuwać rolką myszy. Niezwykły jest jednak sposób zmiany poszczególnych stron, bowiem wszystkie strony połączone są w specjalną ścieżkę po której strony są przewijane. Ścieżka może zataczać koła, a wtedy przekręca się cała strona aby treść była widoczna poprawnie. Efekt jest naprawdę fajny. W przeglądarkach bez  pełnego wsparcia CSS3 wszystkie obroty są ignorowane, ale ścieżki działają.

jQuery Scroll Path

 

Framework: jQuery
Demo: http://joelb.me/scrollpath/
Link: https://github.com/JoelBesada/scrollpath
Licencja: MIT

Backstretch – skrypt do wyświetlania obrazków w tle – jQuery

Backstretch to skrypt napisany na frameworku jQuery, który pozwala na wyświetlanie obrazka w tle. Obrazki są pobierane dynamicznie i  automatycznie dopasowują się do rozmiaru okna przeglądarki. Tło może być stałe, można je zmieniać przyciskiem lub utworzyć pokaz slajdów w tle. Skrypt Backstretch jest rozpowszechniany na zasadach licencji MIT i GPL.

backstretch jquery

Framework: jQuery
Demo: http://srobbin.com/jquery-plugins/backstretch/
Licencja: MIT GPL

SpritePad – aplikacja internetowa, która przyspieszy pisanie CSS

spritepad

Aplikacja internetowa, która wspomaga pisanie stylów CSS a dokładnie wstawiania obrazków jako tła. Dzięki wykorzystaniu w aplikacji techniki Drag and drop, możemy myszką nakładać obrazki na plansza, a kod CSS sam się generuje. Utworzony obrazek wraz z kodem CSS możemy ściągną w formie pliku zip. Program jest darmowy, ale jeżeli chcielibyśmy zapisać projekt do późniejszej edycji trzeba wykupić konto za parę dolarów.

Link: http://wearekiss.com/spritepad

Tinycon – animowany favicon

Tinycon

Prosty a zarazem ciekawy skrypt do zmian faviconu, czyli małej ikonki w zakładce strony. Pozwala on na dynamiczną zmianę na przykład numeru. Informacja zmieniana na ikonie favicon może informować użytkownika o jakiś zdarzeniu, gdy ten przegląda inne karty w przeglądarce. Takie rozwiązanie dynamicznej zmiany wykorzystuje poczta Gmail informując swoich użytkowników o nowych wiadomościach.

 

 

Link: http://tommoor.github.com/tinycon/
Licencja: MIT

Zoomooz.js – skrypt do powiększania poszczególnych części serwisu – jQuery

zoomooz jquery

Ciekawy skrypt, który pozwala tworzyć strony internetowe zbudowane z poszczególnych klocków. Skrypt nie tylko układa równo klocki, ale również pozwala powiększać poszczególne części. W poszczególnych częściach jest możliwość umieszczenia odnośników, zdjęć lub innych obiektów. Skrypt można wykorzystać do zaprezentowania na przykład kolekcji zdjęć, gdzie wymagane jest powiększenie. Ciekawą właściwością skryptu jest to że obrócone klocki, przy powiększaniu obracają całą stronę aby pokazać ją równo.

Framework: jQuery
Demo: http://janne.aukia.com/zoomooz/
Licencja: MIT, GPL