Witam serdecznie, ostatnio natknąłem się na stronę:
http://middle-earth.thehobbit.com/
Czy ktoś z Was wie, czego trzeba się nauczyć aby wykonać taką stronę? Wiem, że html5, css3 i javascript mają multum możliwości ale znacie może jakieś tutoriale, które mogą mnie nakierować w jaki sposób coś takiego się wykonuje?
Dodatkowo super efektem jest np to: http://middle-earth.thehobbit.com/trollshaw
Po załadowaniu, wciśnijcie lewy klawisz myszy i przesuńcie w lewo... jest to chyba grafika wektorowa lub jakaś konwersja filmu..?
Coś takiego chciałbym stworzyć tylko pytanie: JAK?:/
Czekam na jakąkolwiek wiadomość, która może mnie nakierować na dalszy tor. Pozdrawiam

Wbrew pozorom wykonanie od strony technicznej wcale nie jest bardzo trudne. Ot, trzeba poznać po prostu, jak sam zauważyłeś, trochę bardziej zaawansowany CSS3 + JS.
Natomiast wymyślić ciekawą, czy wręcz zachwycającą stronę - to już inna sprawa i akurat to jest bardzo trudne

Jeśli chodzi o fajne tutoriale na temat CSS3 i Javascript (jQuery) to polecam cokolwiek stąd: http://tympanus.net/codrops/category/tutorials/ - często aktualizowane i na naprawdę wysokim poziomie. Do tego stary, dobry Smashing i Nettuts

Natomiast co do tego trudniejszego problemu, to tutoriali nie ma Można natomiast poszukać inspiracji i myślę że dobrym jej źródłem jest ta strona: http://www.awwwards.com/awards-of-the-month/ albo Smashing Book, abo po prostu https://www.google.co.uk/#q=inspiring+websites



Akurat na grafikę wektorową to nijak nie wygląda To po prostu zbiór obrazków następujących po sobie:
http://middle-earth.thehobbit.com/assets/i...w-title-011.jpg
http://middle-earth.thehobbit.com/assets/i...w-title-012.jpg
http://middle-earth.thehobbit.com/assets/i...w-title-013.jpg

Samo przesuwanie to prosty algorytm - zrobiłem coś podobnego w swojej aplikacji. Problemem mogą być zbliżenia ale to też jest do ugryzienia.

Żeby to działało trzeba znać JS, CSS3 jest tutaj zbędny.