5 ms·
An Introduction to CSS-Doodle
- Vampiero 2y agoProcessing but for webdevs?
- nicolaslegland 2y agoScrolling 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
- Akronymus 2y agoAnd the scrolling IMO ought to be instant like arrow key navigation
- jordanwallwork 2y agoAnother 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
- Jakob 2y agoIt works for me. Maybe the author fixed it in the meantime? Example: https://yuanchuan.github.io/intro-to-css-doodle/#13 https://yuanchuan.github.io/intro-to-css-doodle/#13
- akie 2y agoVery nice & creative! Love it.
- Minor49er 2y agoThis page could barely load on Firefox for Android
- doodlesdev 2y agoMine was lagging quite a bit in some demonstrations, but even worse: I had Fennec crash on me in one of the demonstrations a few pages down. I'm running 127.0, which has received some performance improvements (according to release notes).
- samgaus 2y agoThis website is totally illegible to me
- esskay 2y agoVery much a 'hey you could do this....but dont' kind of thing. The website tanks massively (Chrome, M3 Pro).
- dleeftink 2y agoI really see the potential here for visual prototyping before moving to D3 or Inkscape/editing SVGs by hand. It seems easy enough to setup a visual goal, or even reusing elements as it is all 'just DOM'.
- retep_kram 2y agoIt breaks for almost any android browser
- Kuinox 2y agoScrolling 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 :|.
- Jakob 2y agoI 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 ;)
- omnimus 2y agoBecause its a presentation not a website.
- RobinL 2y agoBeautiful, I love it!
- ultrafez 2y agoMeta 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.
- carreau 2y agoThat's because it's native to the browser and not hijacked by JS: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap...
- deleted 2y ago[deleted]
- schwartzworld 2y agoInteresting, because it's barely usable on my android phone
- _shantaram 2y agoWhat browser? It works fine for me in Firefox, aside from the page scaling.
- schwartzworld 2y agoChrome
- arnorhs 2y agoSame here. Chrome android
- hexomancer 2y agoI find it extremely annoying (using a mouse wheel).
- aeinbu 2y agoSo what is CSS-Doodle then? I still have noe idea after this so called «introduction»
- angelaguilera 2y ago[dead]
- mogoh 2y agoIs there a talk to this slides?
- ericyd 2y agoLike like a fun project, although I kinda doubt the mass appeal. I think visual code projects are great though so I like it from a creativity perspective.
- deskr 2y agoI appreciate the minimalistic design, but a paragraph or two (even three) of explanation at the top would have made me give it a better look instead of just closing it quickly.
- deleted 2y ago[deleted]
- lofaszvanitt 2y agoSeemingly the user has the perl "abbreviate everything" virus. Very nice nonetheless.
- deleted 2y ago[deleted]
- spirit23 2y agoI was surprised to see so many negative comments focused on the website itself rather than the actual content. Despite this, it's still worth sharing if even only one person finds it interesting.