Jane Ori articles - 18 total
100% CSS: Fetch and Exfiltrate 512 bits of Server-Generated Data Embedded in an Animated SVG
This is a direct followup to to Getting 32 bit API Response Data in CSS In CSS, 16 bits of...
100% CSS: <fieldset>'s border <legend> knockout behavior for any element !
Legend has it, there will come a day when the beautiful fieldset border knockout effect will be...
GETting your IP Address with CSS - and other 32 bit API responses - without JavaScript!
Just over a week ago while scrolling YouTube shorts after work on a Friday, looking for something to...
CSS Type Casting to Numeric: tan(atan2()) Scalars
In current browser implementations of CSS, you cannot divide by length types; calc(100vw / 5px) does...
![[CSS Fix] When justify-content: space-evenly overflows, un-center the content](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj4oo8r5e8t4d8qb8pnkv.png)
[CSS Fix] When justify-content: space-evenly overflows, un-center the content
Bramus has shown us a clever scroll animation based Space Toggle that allows our styles to respond...
Expert CSS: The CPU Hack
A "CPU Hack" implies unlocking the ability for continuous crunching of data and re-evaluation of...
CSS Light/Dark Mode Implementation WITHOUT Duplicating Vars
A common perspective on the challenges behind implementing light mode and dark mode toggles in CSS is...
The New Tailwind Plugin You'll Want On Every Responsive Project
Web designs are often polished & delivered, targeting just your largest mobile, tablet, and...
CSS-Only Type Grinding: Casting Tokens (sm|md|etc) into Useful CSS Values
Ready for brand new CSS magic? If you're writing a sharable component or library and want to...
Share your ideas that never made it to production
Got any ideas buried in your git history that never made it to production? Give it a chance in the...
The CSS SMEAR hack
The SMEAR technique enables infinite generations of simulations, games, or other CSS experiments to...
CSS --var: inherit(--var) + 2; Yes, you can! Without JS!
inherit(--var) or parent(--var) is a long desired CSS feature which has been discussed by the CSS...
CSS-Only Auto-Follow Nav Highlighting
It's fairly common for large pages with multiple sections (documentation sites for example) to have a...
Moving Forward; A Follow-Up to the Cautionary Tale for Open Source Devs
Following up from recent events with good news and hopeful outlook. ~ Making lemon meringue pie...
A Trip Down Memory Lane; How Game Hacking Became My Web Development Career
@kanishkkhurana asked what our first learned language was and has me feeling nostalgic :) ...
A Devastating Cautionary Tale for Open Source Devs
I don't have the emotional bandwidth to editorialize this. Here is a timeline of recent events and...
Dev.to's CodePen Liquid Tag is Getting an Upgrade!
Skip my practice writing and jump to the features! I only learned about dev.to last Tuesday after a...
An Innovative Idea for Holding State in CSS
When it comes to CSS and HTML, application state falls into these categories: cascade state:...