I like to draw and code and sometimes do other things.


Discord
@sciman101
h*r voice: emaaaaiiiillll
hello@sciman.info

Was thinking about HTMLs 3d rendering capability and whipped this up. You control it with the scrollwheel, arrow keys, or page up/down buttons. I think it's fun, but the accessibility of something like this is a definite concern for me. Both in how the user controls it, and how many browsers can actually run it.

I dunno, what do you think? Would this make a good layout for sciman.info?


You must log in to comment.

in reply to @Sciman101's post:

Non DOM website are, by default, extremely bad at accessibility since DOM is used by tools.

But if it's DOM + 3D perspective with CSS I guess it could work and be compatible. I think it would be pretty hard to correctly display it and link it to the scroll through 🤔

I did get it working where the hash of the url is bound to the current panel you're looking at. I'm also thinking it might be worth it to have the page initially load as a normal DOM thing, and then turn into the cube, for anyone with js disabled, for instance

interesting! does it work like this – constructing a cube using transforms, then using js to toggle classes that control rotation – or do you have some other method?

(a similar effect to) toggling classes could probably be achieved using radio buttons and some css crimes