Jak wykonana jest ta strona. Opcje

[RosheD]

Witam bardzo serdecznie. Jak wykonana jest ta strona ? http://www.adar.pl/
Jak takie coś się robi ? Możecie trochę wytłumaczyć lub podać linka do tego skryptu. Wielkie dzięki z góry (IMG:style_emoticons/default/smile.gif)

[lukasz1985]

Znów ktoś chce zrobić interaktywną stronę w HTML i CSS. Czasami wchodzę na to forum żeby się pośmiać z glupich pomysłów. Śmieszny jest argument, że nie każdy ma mysz/klawiature, tym bardziej że w chwili obecnej urządzenia mobilne stanowią malutki odsetek urządzeń używanych do przeglądania internetu, poza tym ta strona nie wygląda na kierowaną na inne platformy niż stacjonarna. Zgadzam się, że przewijanie kółkiem myszy mogło by centrować ekrany. Można by się pokusić o podpięcie jakiegoś suwaka lub dodanie wizualnych strzałek dla niekumatych.

Taki efekt najlepiej uzyskać podpinając kółko myszy / przycisk klawiatury pod zmianę docelowych stanów (położenia/ przezroczystości) warstw elementów blokowych. Podczas każdej zmiany należy uruchomić mechanizm, który interpoluje klatka po klatce pomiędzy tymi stanami (bieżącym i docelowym) biorąc pod uwagę czas takiego przejścia. Myślę, że z jQuery można by sobie poradzić z tym zadaniem w mierę szybko, ale nie znam biblioteki, która by coś takiego oferowała od ręki.



"strona, którą podałeś za przykład i zapewne inspirację, może by uszła z 6-7 lat temu, a nie w 2013 roku..."

Rzeczywiście, obecnie panuje trend "Google" , gdzie cały interfejs użytkownika jest ukryty pod ikoną z 9 kwadratami, białe tło i logo na pół ekranu. Zapomniałem, że w 2013 roku są komputery, z 3ghz procesorami.

Strona jest w miarę ładna, trochę pozerska z tymi ludzikami z założonymi rękami i głupimi uśmiechami, i wieżowcami w każdym miejscu. Ale samo przewijanie i treść współgrają całkiem dobrze.