Archiwum

Posty oznaczone ‘Flash’

Animacje w jQuery

Sierpień 16th, 2009

Kiedyś napisałem na prywatnym blogu, że skrypty, animacje tworzone za pomocą jQuery czy też innych bibliotek idą w kierunku możliwości Flasha, choć ciężko jak na razie aby go zastąpiły, to teraz, możemy powiedzieć że jesteśmy bliżej niż dalej, co cieszy, zapewne nie tylko mnie.

Kolejnym wielkim krokiem na przód będzie tworzony język HTML 5, zastosowanie CSS-a w wersji 3 oraz popularyzacja Canvas. Dzięki Canvas otwierają się nowe możliwości. Niebawem postaram się to pokrótce opisać… A tym czasem zapraszam do obejrzenia kilku ciekawych propozycji dotyczących animacji jakie możemy uzyskać w jQuery i co najważniejsze – możemy wykorzystać podczas tworzenia strony internetowej.

Animacje w jQuery:
- Wirtualna klawiaturaprzykład
jq-klawiatura

- Creating A Sliding Image Puzzledemo
jq-puzle

- Tworzenie animacji za pomocą jQueryjQuery Robot v.01
animacja w jQuery

- Animowane kartki elektroniczne (jQuery)przykład
jq-kartka-animowana

- Tworzenie szybkiego animowanego menu w jQueryjq-animowane-menu

- Wypełnienie obrazka za pomocą animacji
jq-reset-animation

- Animowane otwieranie kurtyny za pomocą jQuery
jq-kurtyna

- Animowane „menu” w jQuery
jq-menu-animacja2

- Flot – wykresy przy pomocy jQuery – kilka przykładów
wykresy-jquery

- Animowane menu
jq-menu-an2

Jeśli ktoś napotkał inne, dajcie znać – uzupełnię listę o Wasze znaleziska ;)

Odnośniki:

CreateWWW, Flash, JavaScript, jQuery , , ,

Jak płynnie odtwarzać muzykę na stronie, aby nie zaczynała grać od początku?

Październik 10th, 2008

Muzyka na stronie – temat dość kontrowersyjny. Jako, że sam nie polecam stosowania jakiegokolwiek zagnieżdżania muzyki na stronie www, to czasem nie da rady obejść wymagań klienta i pomimo własnych uprzedzeń trzeba tą muzykę na stronę wstawić.
Jeśli już wstawiamy muzykę na stronę, to jedna bardzo ważna zasada – nie katujmy użytkownika danej strony tym, że w momencie gdy przechodzi on na jedna z podstron serwisu musi on słuchać zagnieżdżonego fragmentu muzyki po raz kolejny od początku!

W sieci można znaleźć kilka sposobów (ja znalazłem 3 możliwości) na osiągnięcie płynnego odtwarzania muzyki, pozwalającego na jednoczesne przeglądanie zawartości serwisu. Oto one:
- Zastosowanie ramek -> samo wykorzystanie ramek w tym momencie eliminuje jego wykorzystanie,
- Zrobienie całej strony we Flashu – co mi się kojarzy równie podobnie jak wspomniane ramki,
- Zastosowanie wyskakującego okienka – co jest także złe, ale z trojga złego jeszcze do zaakceptowania, oczywiście licząc się z irytacją użytkownika, który zapewne uwielbia jak mu z boku wyskakują niekontrolowane, niepożądane okna oraz należy się liczyć z tym, że większość użytkowników ma włączoną blokadę wyskakujących niespodzianek.

Przeglądając kilka tygodni temu artykuły w serwisie Nettuts, jeden przykuł moja uwagę. Może nie tyle on co powstały w jego wyniku przykład wykorzystania jQuery do animowanego wczytywania zawartości podstron w jakimś tam serwisie.

Działa on w bardzo prosty sposób. Wchodząc na stronę, wczytana zostaje jej zawartość, w momencie gdy chcemy przejść na podstronę, doczytywana jest tylko treść z określonego diva, czyli wszystko nad znacznikiem div nie jest ponownie wczytywane podczas odświeżenia strony.

Pojawia się więc możliwość umieszczenia np. odtwarzacza z nieszczęsną muzyką powyżej zawartości, która doczytuje podstrony wykorzystując jQuery.

Przykład: http://medeco.p9.pl/ex/muzyka/

Pomimo znalezienia owego sposobu na wyżej opisany problem (bo opisany przeze mnie sposób w 95% przypadków może z powodzeniem zastąpić wspomniane powyżej) oraz pomimo tego, że nie trzeba stosować prehistorycznego kodu lub robienia całej strony we Flashu, to nie udało mi się wykorzystać go do celu w jakim go wymyśliłem :/.
Powodem było/jest to, że strona jaką ostatnio robiłem i, na której musiałem zastosować muzykę, posiada na każdej podstronie inne tło definiowane w body (czyli w części gdzie nie dochodzi do doczytania podstrony), co nie pozwala na wykorzystanie rozwiązania.
Może ktoś ma jakiś pomysł jak zmienić dodatkowo tło podstrony bez przeładowania? Chyba, że znacie jeszcze inne sposoby na ww. problem?

W każdym bądź razie może komuś się przyda powyższy pomysł na użycie muzyki na stronie :) .

Oryginalny wpis był przeze mnie umieszczony na prywatnym blogu, gdzie także zapraszam.

Flash, Fragmenty kodu, Tworzenie stron WWW, jQuery