Design, mikrointerakcje i JavaScript

Scroll into view!

W przypadku Webflow prostym sposobem na animowanie elementów po scrolu...

Mateusz Pałka
Symbol Studio

Tworzenie animacji “scroll into view” w Webflow!

W przypadku Webflow prostym sposobem na animowanie elementów po scrolu i powielanie ich na kolejne elementy jest stworzenie pustego divu, nadanie mu klasy np. “animation-fade-in-scroll” a następnie dodawanie tej klasy do elementów na których ma zadziałać animacja. W ten sposób możemy wrócić do naszej animacji, zmodyfikować ją i wpłynąć na działanie wszystkich elementów z nadaną klasą klasą “animation-fade-in-scroll”. Pamiętaj tylko by animacjami zająć się na samym końcu, ponieważ kolejna klasa w strutkurze elementu będzie wpływała również na styl

Przeczytaj o innych rozwiązaniach i metodach
Problemy i ich rozwiązania

Przekierowania!

Redirect (przekierowanie) to mechanizm, który automatycznie przenosi użytkownika z jednego adresu URL na...

Optymalizacja i wydajność strony

Optymalizacja i kompresja!

Wszystkie grafiki i zdjęcia staraj się kompresować pod format WebP...

Problemy i ich rozwiązania

Szablony?

Myślę że to w głównej mierze zależy w jakim stopniu chcemy modyfikować dany szablon...

Design, mikrointerakcje i JavaScript

Mikrointerakcje!

Mikrointerakcje, takie jak hover czy klikalne animacje, mogą znacząco poprawić UX...

Sprawdź
Optymalizacja i wydajność strony

Vimeo!

Po przeanalizowaniu obu platform zdecydowanie polecam Vimeo jako...

Sprawdź
Problemy i ich rozwiązania

Backup!

Warto co jakiś czas robić własny backup i ustalić jego spójne nazewnictwo...

Sprawdź
Planowanie i organizacja pracy

Animacje na samym końcu!

Najpierw upewnij się, że strona działa poprawnie na każdej rozdzielczości zanim dodasz animacje...

Sprawdź
Planowanie i organizacja pracy

Webflow czy Framer?

Ostatnie aktualizacje Webflow sprawiają że staje się on coraz bardziej zaawansowanym narzędziem...

Sprawdź
Design, mikrointerakcje i JavaScript

Scroll into view!

W przypadku Webflow prostym sposobem na animowanie elementów po scrolu...

Sprawdź