subtle animation

  • I am redoing my WP site, and I’ve checked out some squarespace.com demos to see what they have.

    I see some new effects that subtly move in side to side, up or down, and appear one at a time, as one scrolls. I suspect they’re either CSS or js animations.

    this one fades in, moves up:
    https://bailard-demo.squarespace.com/?nochrome=false

    “squeezes” in, outside to inside:

    https://clarkson-demo.squarespace.com/?nochrome=false
https://noll-demo.squarespace.com/?nochrome=false

    “paints” the image 1/2 up, 1/2 down:
    https://carmine-demo.squarespace.com/?nochrome=false

    There’s about 20 on https://www.squarespace.com/templates. Not all have such effects.

    How do we do such things in WP?

    • This topic was modified 4 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 2 replies - 1 through 2 (of 2 total)

  • I only looked at the first two, but I must say those are not subtle.
    They use JS.
    They are the type of thing that I as a reviewer of themes here fight against when I see them in the theme submitted.
    Any time the content is manipulated with JS, it is not accessible to some visitors. It is also very frustrating to have moving text or images. It is bad for screenshots and printing the page, since you have to scroll to show the content. It is probably bad for search engines.
    The effect gets old after one page, so the visitor leaves. It makes your site feel slow.

    Thread Starter pranaman

    (@pranaman)

    ok, thanks.
    we all like different things. I do like it, and see plenty of others not using it.
    I suppose code could be added that checks if the feature can be displayed, and serve it without the effect if it does not. Maybe even a subtle on/off for screenshots and printing.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘subtle animation’ is closed to new replies.