nowoczesne strony

0

Panowie i Panie (o ile są :))
Tak sie zastanawiam jak to jest zrobione:
Np.:
www.maroweb.pl/ - pojawia sie jadna rzecz na calym ekranie i jak sie kliknie w link w menu to fajnie schodzi w dół - czy to javascript? Czy da sie tak w html + css zrobic? Podoba mi sie to.
methylglyoxal.pl/ - ciezko takie cos zrobic w javascript? na pewno w tym zrobione,

0

chodzi ci o skrolowanie?
https://css-tricks.com/snippets/jquery/smooth-scrolling
w zasadzie ma to każdy większy framework css

0

o fajne :)
a tamte przykłady to w javascript są?

0

możesz w js, jquery, po id, jak tam ci lepiej
wpisz w google smooth scroll on click i masz sporo tego

0

www.maroweb.pl/ - pojawia sie jadna rzecz na calym ekranie i jak sie kliknie w link w menu to fajnie schodzi w dół

Diabeł tkwi w szczegółach. Takie animacje jak na tamtej stronie da się ładnie zrobić, ale jak dla mnie (mówię swoje subiektywne odczucie), to na tamtej stronie za bardzo to lata (chodzi o samą szybkość pojawiania się animacji - o ile nigdy nie miałem ataków epilepsji to na takich stronach boję się, że takiego ataku dostanę). Poza tym pewne rzeczy po prostu nie działają płynnie. Albo pewne animacje są w ogóle bez sensu.

Czyli taka rada - jak chcesz tego rodzaju animacje dodawać na stronie, to jednak poświęć trochę czasu na to, żeby dostosować każdy szczegół, żeby te animacje nie były za szybkie, ani za wolne (nie bez powodu wytyczne Material Design zawierają nawet zalecaną liczbę milisekund efektów przejścia albo jaki ma być "easing" w których momentach https://material.io/design/motion/speed.html#easing ), i zastanów się, które animacje są potrzebne, a które zbędne.

Bo użyć CSS3 jest łatwo, ale najtrudniej zrobić to w ten sposób, żeby to było przyjemne dla oka.

0

dzięki za rade

1 użytkowników online, w tym zalogowanych: 0, gości: 1