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
 
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
 
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
 
sebastianmarinescu profile image
Sebastian G. Marinescu •

WOW, you are a wizard ❤️👍🏻

Collapse
 
den_dionigi profile image
Den.Dionigi •

Woha, this is deep!

Collapse
 
leptoquark1 profile image
@leptoquark1 •

Bleeding edge stuff here. I like it

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)

:)