DEV Community

Cover image for Expert CSS: The CPU Hack

Expert CSS: The CPU Hack

Jane Ori on September 17, 2023

A "CPU Hack" implies unlocking the ability for continuous crunching of data and re-evaluation of state. For example, if cyclic vars didn't automat...
Collapse
 
r4e profile image
Richie Permana

This is so next level😵I almost understand nothing.

Collapse
 
warkentien2 profile image
Philip Warkentien II

I am in shock! First, just the in-between tricks are awesome enough (Persistence, Incremental timer). And, of course, I'm still trying to wrap my head around the 4-tile fine-position detection with a CSS-only-binary-search-loop-compute-hack (or something like that).

Amazing project!

Collapse
 
janeori profile image
Jane Ori

your gecko pen is absolutely adorable and I enjoyed your article on it!

truly delighted by the geckos ^^

glad you enjoyed my work too; thank you for checking it out!

Collapse
 
maxart2501 profile image
Massimo Artizzu

I... think I'll bookmark this article to read it later... again and again...
Advanced stuff ahoy! 🤯

Collapse
 
janeori profile image
Jane Ori

Awesome, that's what I do with pages of the CSS spec! :D

Collapse
 
sebastianmarinescu profile image
Sebastian G. Marinescu

WOW, you are a wizard ❤️👍🏻

Collapse
 
leptoquark1 profile image
@leptoquark1

Bleeding edge stuff here. I like it

Collapse
 
dennysdionigi profile image
DennysDionigi

Woha, this is deep!

Collapse
 
afif profile image
Temani Afif

and I was going to miss the only interesting CSS article since too long because you forgot the tag .. 😳

Collapse
 
janeori profile image
Jane Ori

Remembering is so much more a psychotic activity than forgetting.

DEV should blink warnings at you before publishing! >.<;;

Giant flashing stop sign illuminated in a water-based-hologram before entering a passage beneath a low bridge

Collapse
 
simevidas profile image
Šime Vidas

depending on where your mouse enters the screen (from the top vs bottom), you'll get different colors that "lock" to one or the other until you mouse out.

Not in Safari and Firefox.

Collapse
 
janeori profile image
Jane Ori

Note: Safari has a bug where it does NOT recompute the cache when an animation property changes, so we've entered Chrome-only territory (firefox can't animate --vars yet)

:)