Hacker News new | past | comments | ask | show | jobs | submit

CSS-only infinite scrolling carousel animation

https://blog.logto.io/css-only-infinite-scroll
Have you tried this in a mobile browser? I’m seeing the headline cut off because the page ends up being wider than my viewport because of the position of the later carousel elements.

It otherwise looks great but the side scrolling is too much of a compromise for me.

I’m using Safari on iPhone.

Over a decade on from “mobile first” I’m always surprised at how few developers actually test their work on mobile devices.
It’s fairly common for these sorts of things to be iPhone-specific, and you can’t test on Apple devices without owning one, or paying altogether too much.

I’ve found Epiphany (a.k.a. GNU Web), which is based on WebKit, to be decent proxy for testing on Safari—in my last project of this sort, where I was developing on Firefox and could check in Chromium, I was able to reproduce each of the three or four Safari issues that were raised, in Epiphany.

loading story #41454812
> It’s fairly common for these sorts of things to be iPhone-specific, and you can’t test on Apple devices without owning one, or paying altogether too much.

That's correct, but Apple phone users are customers with money used to paying.

loading story #41455219
loading story #41454595
loading story #41455504
loading story #41454149
loading story #41454226
loading story #41459206
It's the same with a sufficiently narrow browser window on my laptop.

Firefox: https://i.ibb.co/NW69hK2/carousel.png

loading story #41454428
loading story #41454195
loading story #41454297
loading story #41453930
loading story #41454814
loading story #41455802