 javascript, html5,css3 i przepiękna strona |
  |
| javascript, html5,css3 i przepiękna strona |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 93 Pomógł: 7 Dołączył: 6.09.2011 Skąd: Olsztyn Ostrzeżenie: (0%) 
 |
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 Ten post edytował Valantir 23.01.2014, 00:02:06 |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 292 Pomógł: 89 Dołączył: 27.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)
|
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 (IMG:style_emoticons/default/smile.gif) 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 (IMG:style_emoticons/default/smile.gif) 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 (IMG:style_emoticons/default/smile.gif) Cytat jest to chyba grafika wektorowa lub jakaś konwersja filmu..? Akurat na grafikę wektorową to nijak nie wygląda (IMG:style_emoticons/default/smile.gif) 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 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 205 Pomógł: 43 Dołączył: 5.03.2012 Ostrzeżenie: (0%)
|
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. Ten post edytował lukasz1985 23.01.2014, 12:44:50 |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 05:23 |
