I'm looking to build a new site that features the kind of design where elements appear and disappear, along with animations like sliding left and right. However, I'm having trouble finding good examples because I don't know what this style is technically called. If anyone could help me out with names or recommend any WordPress or Drupal templates that utilize this style effectively, that would be awesome! We're planning to use it for an educational project. For reference, one site that showcases this is the ASUS Vivobook page.
4 Answers
The official term for what you're describing is actually 'scroll-driven animations.' It's gaining popularity with CSS but has been around longer with JavaScript. Just a heads up, many people really dislike styles that 'jank' the scroll experience! So, if you decide to go this route, make sure to keep things smooth.
Honestly, while some developers say this style is not accessible, good developers can create solutions to make it work. Aesthetics can play an important role in user engagement, so don't shy away from creative designs!
These kinds of sites are often referred to as "endless scroll" websites. I personally find them pretty annoying since they can be bad for SEO and accessibility. If you're still determined to use this style, you might consider implementing transitions or animations using JavaScript libraries for smoother effects. It's definitely possible to create something engaging, but be cautious about user experience.
Yeah, endless scrolling can be a double-edged sword. Some designs work well, while others just feel terrible. Have you thought about doing a simpler layout with animations instead?
I think 'parallax scrolling' fits what you're talking about too. You can use block editors along with libraries like GSAP or Anime.js to bring your ideas to life. Just remember to keep things user-friendly!
Agreed! There’s definitely a balance to strike. Some animations add a nice touch when done right, but others can be distracting, especially if they don't play well with users' scroll inputs.