An Introduction to CSS-Doodle • Hacker News Board

Meta point - this page has one of the nicer "snap" scrolling mechanisms I've seen on Mac with a touchpad - scrolling still feels natural, but when I let go it snaps to a single slide. Scrolling with momentum seems to work naturally too. Can't comment on keyboard or mouse scroll wheel navigation though.

Re: An Introduction to CSS-Doodle

#15

Post by carreau » Tue, Jun 18, 2024, 10:07 AM UTC

ultrafez wrote: post #14

Meta point - this page has one of the nicer "snap" scrolling mechanisms I've seen on Mac with a touchpad - scrolling still feels natural, but when I let go it snaps to a single slide. Scrolling with momentum seems to work naturally too. Can't comment on keyboard or mouse scroll wheel navigation though.

That's because it's native to the browser and not hijacked by JS: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap...

Re: An Introduction to CSS-Doodle

#16

Post by Jakob » Tue, Jun 18, 2024, 10:30 AM UTC

jordanwallwork wrote: post #7

nicolaslegland wrote: post #3

Scrolling with the mouse wheel doesn't update the URL fragment, breaking navigation when switching back to keyboard arrows as of Chrome 126.0.6478.62

Another consequence of this is that there's no way to share a specific "slide", which is a shame because there's an example about 2/3s of the way down that's really cool but there's no simple way to send anyone straight to it

It works for me. Maybe the author fixed it in the meantime?

Example: https://yuanchuan.github.io/intro-to-css-doodle/#13

Re: An Introduction to CSS-Doodle

#17

Post by Jakob » Tue, Jun 18, 2024, 10:32 AM UTC

Kuinox wrote: post #12

Scrolling is totally broken, use keyboard arrow to change pages. Scrolling push a new page in the browser history, i have now 40 items in the browsers history :|.

I once wrote a Chrome web browser extension that removes these duplicated browser history entries. The Chrome store denied it, citing that it didn’t have enough functionality to be valuable.

That means your problem is obviously not big enough to complain about ;)

Re: An Introduction to CSS-Doodle

#18

Post by aeinbu » Tue, Jun 18, 2024, 10:33 AM UTC

So what is CSS-Doodle then? I still have noe idea after this so called «introduction»

Re: An Introduction to CSS-Doodle

#19

Post by [deleted] » Tue, Jun 18, 2024, 10:48 AM UTC

carreau wrote: post #15

ultrafez wrote: post #14

Meta point - this page has one of the nicer "snap" scrolling mechanisms I've seen on Mac with a touchpad - scrolling still feels natural, but when I let go it snaps to a single slide. Scrolling with momentum seems to work naturally too. Can't comment on keyboard or mouse scroll wheel navigation though.

That's because it's native to the browser and not hijacked by JS: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap...

[deleted]

Re: An Introduction to CSS-Doodle

#20

Post by mogoh » Tue, Jun 18, 2024, 10:53 AM UTC

Is there a talk to this slides?