Jump to content

bleeckerj

Member
  • Posts

    9
  • Joined

  • Last visited

Reputation Activity

  1. Like
    bleeckerj got a reaction from Jake_Boutin in How can I export emails from just one activity/appointment?   
    I'm using Scheduling to arrange group seminars. I would very much like an easy way to export the email addresses for each seminar/event — and there doesn't seem to be a way to do this. I'd like it for record keeping (who went to which seminar) and to use my existing emailing facility rather than emailing from my personal email client.
    Is there an easy way to do this or is this a "feature request"?
    Thanks!
    Julian
  2. Like
    bleeckerj reacted to creedon in Frame-by-frame moving image on scroll   
    More progress but not a solution at this point. Since we're talking animations here, I figured I'd post a movie of my progress so far.
    At the start of the video we see part of a page section at the top and then our animated section. I scroll down and when the animated page section hits the top of the window the animation starts. I scroll down a bit, then back up, and down. Then you'll notice the white bit (not intended to be part of the final effect ) and the next page section comes along and pushes the animated section up.
    The animation images for this test are only 20 images so the animation is not very smooth. Apple for their Air Pods and iPhone SE animations use upwards of 100 images for a smoother animation. Nothing wrong with only 20 images. Just depends on what you are trying to get across. 🙂

    page section video scrubbing animation.mp4
  3. Thanks
    bleeckerj reacted to Beyondspace in Frame-by-frame moving image on scroll   
    I believe you are after this kind of effect
    "Moving image" on scroll effect (codepen.io)
    Here are some thoughts I'd like to share:
    1. About image, it seems tricky to upload a bunch of images into Squarespace, therefore I suggest to join all your frames into one image, stacked on each other as long form. Due to squarespace image guideline, there is a limit on max width (2500px) but not on image height
    2. I suppose you may want to 'pin' the section when user view the animation sequences, so we can place image on an image block and 'pin' the section that is the image container
    3. You can achieve this using scrollmagic or gsap + scrolltrigger, both require javascript knowledge to achieve the animated sequence
    Scrollmagic example: How to Animate a Coffee Drinking Sprite With ScrollMagic (codepen.io)
    ScrollTrigger example: How to Animate a Coffee Drinking Sprite With ScrollTrigger (codepen.io)
    These both example share the same animation with 2 library, note the image they used are horizontal sprite, but you should modify the code accordingly to support vertical image as I explain
    4. To implement this you need business plan or higher to add the javascript code and the dependencies
     
  4. Like
    bleeckerj reacted to creedon in Frame-by-frame moving image on scroll   
    The sticky bit is relatively easy on its own. CSS has defined a position sticky.
    It's getting the various elements of the overall effect to work in the context of an SS site to come together. That is the trick! 🙂
  5. Like
    bleeckerj got a reaction from Beyondspace in Frame-by-frame moving image on scroll   
    Thanks @creedon — super interesting. I suspect (without knowing of course) that the 'sticking' bit would be very specific to Squarespace and whatever CSS mechanics there would need to be hooked into in some fashion.
    Staying tuned..
Ă—
Ă—
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.