#css#api#webdev
CSS - The single coolest API technique you can imagine.
To simply call Kizu's Cyclic Space Toggles an upgrade to my Space Toggle technique is like calling...
Jane Ori12 min readj
Articles by @janeori
Browse the latest writing surfaced through DevArt.
Jane Ori12 min read
#css#customcssfunctions#webdev#productivity
100% CSS: repeat(--n, anything)
Ages ago when CSS grids came with a repeat() function to simplify defining repetitive columns and...
Jane Ori9 min read
#css#design#designsystem#a11y
CSS Breakpoint Units - design with pixels and get fluid UX for free while automatically solving two of the oldest accessibility problems.
I've created many NPM packages and invented many hacks focused on helping us all easily create beyond...
Jane Ori7 min read
#cli#zshrc#shell
Customizing the MacOS Terminal with help from AI
After spending a year traveling the world, I've acquired a new Macbook Air and had to set up my...
Jane Ori9 min read
#css#webdev#hacking#svg
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...
Jane Ori20 min read
#css#webdev#beginners#tutorial
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...
Jane Ori5 min read
#css#webdev#hacking#api
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...
Jane Ori11 min read
#css#webdev#hacking#howto
CSS Type Casting to Numeric: tan(atan2()) Scalars
In current browser implementations of CSS, you cannot divide by length types; calc(100vw / 5px) does...
Jane Ori5 min read![[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#howtofix#webdev#tutorial
[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...
Jane Ori3 min read
#css#howto#webdev#tutorial
Expert CSS: The CPU Hack
A "CPU Hack" implies unlocking the ability for continuous crunching of data and re-evaluation of...
Jane Ori8 min read
#howto#css#webdev#tutorial
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...
Jane Ori5 min read
#webdev#tailwindcss#css#design
The New Tailwind Plugin You'll Want On Every Responsive Project
Web designs are often polished & delivered, targeting just your largest mobile, tablet, and...
Jane Ori1 min read
#css#programming#webdev#api
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...
Jane Ori2 min read
#webdev#css#javascript#discuss
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...
Jane Ori1 min read
#css#tutorial#programming
The CSS SMEAR hack
The SMEAR technique enables infinite generations of simulations, games, or other CSS experiments to...
Jane Ori4 min read
#css#tutorial
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...
Jane Ori3 min read
#css#tutorial#webdev#codepen
CSS-Only Auto-Follow Nav Highlighting
It's fairly common for large pages with multiple sections (documentation sites for example) to have a...
Jane Ori4 min read
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...
Jane Ori6 min read
#beginners#webdev#devjournal#career
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 :) ...
Jane Ori1 min read
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...
Jane Ori15 min read
#meta#codepen#liquidtags#contributing
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...
Jane Ori5 min read
#css#statemachines#tutorial#programming
An Innovative Idea for Holding State in CSS
When it comes to CSS and HTML, application state falls into these categories: cascade state:...
Jane Ori4 min read