Viewing profile — JaneOri

The hack does 3 things: 1) make an api request from CSS that responds with data encoded into height and width 2) use container queries and tan(atan2()) in CSS to read the dimension…

I always see great questions here and I'd love to talk about the specifics of the CSS code involved here if anyone is curious or has questions. I have written about the very basics…

I've been inventing CSS tricks for a while. Like my Space Toggle, the latest one blows the lid off of what's possible in 100% CSS. It's cyclic --var computation. Under normal circu…

Wow, crazy timing! You'll love what I just posted haha I really like the sounds too - are they original and/or free to use?

A year ago I shared the first version of augmented-ui here, inspired by Deus Ex: Human Revolution, and got an awesome, really motivating response. Today I released version 2 - it's…

wow, that's super clever. I was sitting here reading the code and didn't find a negative margin or positional property anywhere, and further, no switches to hold the state. Couldn'…

OHHH I wish the others would have been more specific other than "it doesn't work". Thank you! The way that random thing works is: 1) #randommenu:target shows the overlay (based on …

This is awesome - Could you please explain how you're holding state of each box individually without checkbox:checked? It's not immediately obvious to me how that's possible or whe…

You can't (afaik) tell if it's a right-click vs left-click in HTML+CSS alone that causes the el state to change - that info is part of the JS event :)

edit: ^ previously said "with css variables to hold state" or something similar (or my wires got crossed and I saw that somewhere else) CSS variables can't be set by animations yet…

lmao, I've come full circle. Excellent callout. hahaha

haha, awesome! You nailed it. It's really cool to see it being tested out in the world! Thank you for sharing!

Yes, but I didn't trust them to stay synchronized and it wasn't too difficult to generate the code for 1000 keyframes so I just did that :)

the timer stops at 999 because that's what it does in the real minesweeper, you can keep playing though!

I made a Binary Coded Decimal 7 Segment Display Decoder a couple days prior to starting this: https://github.com/propjockey/bcd7sdd After that blew up on twitter I tried thinking o…

Any chance you could share a screenshot? I can't test safari without owning apple products or paying for a service :( as far as I know iOS 13.4.1 should be completely compatible.. …

Hmmm... do you know what version you have? It should work on iOS 11.3 and up... maybe. They might have smaller limits on the number of operations per calc()..? Can't think of anyth…

This is great! I love how there's a bit of a reward for getting past the difficult middle part of gameplay - when there's not many spots left it goes fast and you can click click c…

I would say no because the core boolean mechanic that allows CSS-Sweeper to exist cannot be inverted directly (NOT, !). In order to invert anything here, you have to start with an …

This took ~3.25 days. :) Since I'm brushing up against the limits of CSS, there's not enough room for a full year :P

haha thanks! :D