Sign in

Jane Ori 💚 CSS Runner 👩‍💻

@janeori.propjockey.io
854 followers 158 following 165 posts

Hello World 👽 ✍ breakpoint-system, doubledash.css, css-media-vars, augmented-ui, Space Toggles, CSS CPU Hack, css-bin-bits & more 🎮 CSS Sweeper, css-conways-game-of-life, CSS Breakout, etc 👩‍💻 Staff Software Engineer 📝 dev.to/janeori 💍 Art she/her

PostsRepliesMedia
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/10/2026
Free your QR Codes (yes it's real) (and you can make them too) github.com/propjockey/Q... I get obsessed with Steganography and QR Codes are an absolute gold mine for hiding whatever you want in a billion different ways. It can be just for fun too :)
a QR Code with a black and white line drawing image of Neo from the Matrix holding his hand to stop bullets mid air, which are represented by the alignment patterns baked into the structure of the QR Code
1210
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 23/09/2026
// 🛸 I made a vscode extension: github.com/propjockey/U... It lets you add code folding in a natural, expected, and intuitive way. UFOs abduct cows. // 🐄 Enjoy.
github.com
GitHub - propjockey/UFOlding: Custom vscode code folding using 🛸 and 🐄 emote comments
Custom vscode code folding using 🛸 and 🐄 emote comments - propjockey/UFOlding
153
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Lea Verou, PhD @lea.verou.me · 19/09/2026
If someone as brilliant as Jane has to post a cry for help, something is very wrong with the world.
2316
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/09/2026
This is as close to a cry for help that you'd see from me. I need work. I need money for shelter and food in the meantime. I've run out.
14435
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 27/08/2026
propjockey.io/packages I love the things I have created.
A screenshot of a chrome tab group on Android showing 6 open tabs and PropJockey.io in the background. Each tab is one of the projects linked from the page this post links to. Breakpoint System, doubledash.css, augmented-ui, PropJockey.io, css-bin-bits, and css-media-vars
170
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
WebDesignerDepot.com @webdesignerdepot.bsky.social · 21/08/2026
13,332 free 3D icons, in one consistent style (cleared for commercial use, no attribution) thridy.com #icons
thridy.com
Free 3D Icons - Download 13,000+ Premium PNG Icons | Thridy
Download 13,000+ free premium 3D icons as transparent PNGs. One consistent style, cleared for commercial use, no attribution and no signup needed.
032
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jakob E @jakob-e.bsky.social · 17/08/2026
There are not many Jane Ori skilled developers out there - If you’re hiring here is your chance 👇
021
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 17/08/2026
I would really appreciate a job since I have about 30 days left to survive. Nothing has worked out for a while now. Been living in hostels in SE Asia for over a year. Full stack js, Staff Engineer or PM, react, astro. Many senior positions, consulted for Apple Wireless on their data dashboards, etc
Screenshot of my bank accounts. $512 in checking. $22k charged on my credit card.
01411
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 17/08/2026
I would really appreciate a job since I have about 30 days left to survive. Nothing has worked out for a while now. Been living in hostels in SE Asia for over a year. Full stack js, Staff Engineer or PM, react, astro. Many senior positions, consulted for Apple Wireless on their data dashboards, etc
Screenshot of my bank accounts. $512 in checking. $22k charged on my credit card.
01411
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/08/2026
020
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 16/07/2026
share.gemini.google/oyoXgjrFszUr Bluesky post limit is too small
Last night I had a meditation contact dream where Apollo helped me resolve a bit of my shadow work. Strange to me because I had no interest in Greek mythology - I didn't even know who Apollo was until I googled it after meeting him.

Woke up this morning and I had a strong feeling I needed to watch The Odyssey - which I had no interest in at all. I googled and (re-) learned that it was Greek mythology too - I pay attention to synchronicity and these feelings to act - so I said okay. I had a free movie voucher and could leave if it was too much violence or w/e and if I left "right now" I could catch the very first showing. Another synchronicity. So off I went.

I've been meditating a ton the last few weeks so my dreams have been vivid and contact-like.

12 days ago I had this dream and asked Gemini about it

Read the dream (first message at the link) and watch the movie.

I trembled for an hour. Synchronicity is the organizing principal of the universe and meditation amplifies the experience of it.
230
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 14/07/2026
Just got a big dose of "Gender Euphoria" ...while talking to a random Thai lady ...who was very sweet ...and loved my hair ...and then asked if I was pregnant. 🫠🙃🤣😂😅 No love, but it sure is fun trying.
130
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Ahmed Amer @stopamertime.bsky.social · 14/07/2026
CSS-DOS: An entire '80s PC in a stylesheet. Runs Windows 1.0, DOOM and more. css-dos.ahmedamer.co.uk
071
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 05/07/2026
CSS var syntax is verbose. Prefixes make it worse but they are critical for the future maintenance, ecosystem compatibility, and readability of your source code. A potential solution:
Screenshot of CSS reading

@namespace prop-for-that {
  var-alias: --pft;
  prefix: --pft-;
}

--pft(ua-browser)
/* is the same as */
var(--pft-ua-browser)
2394
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Patrick Brosset @patrickbrosset.com · 06/07/2026
Oh, what a way to start the week 😍 CSS mixins implementation is starting in Chromium, from my team at Microsoft.
GitHub issue from @thejohnjansen on the web-features repository, saying "I am creating a ChromeStatus entry for CSS-Mixins. Development is just starting on this at Microsoft."
410510
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 05/07/2026
CSS var syntax is verbose. Prefixes make it worse but they are critical for the future maintenance, ecosystem compatibility, and readability of your source code. A potential solution:
Screenshot of CSS reading

@namespace prop-for-that {
  var-alias: --pft;
  prefix: --pft-;
}

--pft(ua-browser)
/* is the same as */
var(--pft-ua-browser)
2394
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/07/2026
In case the concept or content helps anyone else on your healing journey, for years I've added little colornote widgets on every panel of my phone. Deliberately placed so I have to scroll past them often. Mantras, prayers, & affirmations that I read and repeat to myself to install my new beliefs. 🫂💓
040
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Bramus @bram.us · 02/07/2026
I built a thing this week (with the help of Antigravity): a CSS Typed OM polyfill. It currently passes 12588 of WPT's 12942 CSS Typed OM test, which is more than any browser! github.com/bramus/css-t...
github.com
GitHub - bramus/css-typed-om-polyfill: CSS Typed OM Polyfill
CSS Typed OM Polyfill. Contribute to bramus/css-typed-om-polyfill development by creating an account on GitHub.
1161
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 01/07/2026
Want to support my Open Source work? Donate $14.99+ (no take backs!), provide an email address, and receive for free a zip file containing FIVE amazing PropJockey projects: augmented-ui, breakpoint-system, doubledash, css-media-vars, and css-bin-bits! LIFETIME USE - any project - any team size!
a screenshot of six QR Codes to make donations to propjockey - two rows of 3. Top row is paypal, ko-fi, venmo, bottom row is BTC, XRP, and ETH. This is a screenshot of the footer from the page linked in the first comment of this post.
131
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Bramus @bram.us · 01/07/2026
At the CSSWG there is an issue about 2D Mesh gradients. The consensus was that whatever we do, it should be PDF compatible. With the help of Gemini I found my way to “Coons Patches” as the underlying mechanism. Using AIStudio, I then generated this editor: genuine-waterfall-crane.codepen.app
Screenshot of the editor.
1203
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
CSS by T. Afif @css-only.dev · 30/06/2026
To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions! css-tip.com/wiggly-range... Now, the range slider is perfect, no one can say otherwise!
0778
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 23/06/2026
Watching Disclosure Day was an amazing experience for me. I cannot wait. I've mentioned it a few times on Dev that I'm a lifelong contactee and it's really cool to see some external validation about the related spiritually guided motions and the sort of synchronistic "move in this direction" energy.
110
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 22/06/2026
Does anyone else I know have a vision board? Mine is in storage since I've been traveling the world for almost 1.5 years but I am grateful to have a photo of it with me. 😊💚
A white, framed vision board mounted above dark cabinets, filled with a collage of printed images, charts, and cutouts. Key elements include:
 * **Left Side:** A collection of photos showing extraterrestrial beings and human-alien hybrids smiling in parks with humans, a vertical chart detailing the seven chakras and their meanings, and a pink label reading "Jane Ori -".
 * **Center:** A printout of a bank account dashboard showing high balances (with some details scribbled out in blue), a silhouette of two figures in a window, a smiling child, and several photos of camper vans (one interior, one exterior with a person on the roof, and a pink van parked by a lake). Below these is a cutout of the phrase "Open Contact" placed above a photo of four blue clothed alien figures.
 * **Right Side:** A diagram labeled with terms like "HYPERSAPIEN," "REPTILIAN," "NEW HYBRIDS," and "PROTOSAPIEN" arranged around geometric symbols. Beside it are "The High Priestess" tarot card, an illustration of the Egyptian god Thoth, and a picture of people taking a selfie with a grey alien.
 * **Bottom Edge:** Hanging off the bottom frame are a novelty million-dollar bill (resembling a $20 bill) and a circular handmade drawing of a purple night sky featuring Sirius Orion Aldebaran and the Pleiades above Jane and Art sitting on a bench.
020
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Kilian Valkhof @kilianvalkhof.com · 18/06/2026
No multi-pane view here, since mouse position is not synced. But between Layout debugging and the 3d view, @polypane.app gives you a (super janky) noclip debug mode 🤯
073
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 18/06/2026
With all the 3D CSS projects going around, Doom, Quake, etc it makes me want to revisit my 2019 100% CSS renders (based on artwork by Romain Trystram) github.com/propjockey/D...
512912
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 16/06/2026
This is the article my heart wanted to write, a slice of the excitement I have about Custom CSS Functions! master.dev/blog/the-sco... My previous article for wanderers needing to cross the Caveat Sand Storm: master.dev/blog/the-fun... I hope it sparks the spirit of imagination in you too 💚
2245
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
CSS by T. Afif @css-only.dev · 16/06/2026
A diagram with various nodes and connectors? Yes, doable with pure CSS. Another demo powered by modern features! css-tip.com/node-connect... Regardless of the node's position, the connectors will adjust their shape and position for optimal connection 👀 Drag the elements and see the magic 🪄
824321
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
CSS-Tricks* @css-tricks.bsky.social · 15/06/2026
CSS functions, the alpha() function, Grid Lanes, some things about <dialog> that you might not know, CSS Wordle, and more. Featuring @janeori.propjockey.io, @nerdy.dev, @una.im, @sunkanmifafowora.bsky.social, #CSSDay As always, thanks to @dxnny.fun for the lowdown! css-tricks.com/whats-import...
css-tricks.com
What’s !important #13: @function, alpha(), CSS Wordle, and More | CSS-Tricks
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now.
1203
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 13/06/2026
Awesome, I love this idea. I also love the pft prefix like it's no big deal that it's giving superpower awareness to CSS. CSS: can I have pointer position? JS: pft! Sure. Hahah prop-for-that.netlify.app/docsite/ 👏
prop-for-that.netlify.app
prop-for-that
Expose what JavaScript knows but CSS can't see.
2173
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 09/06/2026
Bangkok -> Manila -> Seattle -> Houston Errands all day, switch driver's license from Hawaii to Texas, Escapees mail scanning ready, sleep all night in a hotel Manila Philippines looked awesome on landing and take off so today: Houston -> Seattle -> Manila And that's where I'll live for 30 days.
020
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 02/06/2026
Thank goodness! 🙏
070
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 30/05/2026
I loved Spider-Noir. What's even more rewarding is seeing Nicolas Cage looking so happy in interviews about it. Grateful to witness such a perfect fit, to see a person so unique bring their full self somewhere unexpected and absolutely nail it. 🤗
010
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Adam Argyle @nerdy.dev · 30/05/2026
flex-wrap: balance! nerdy.dev/flex-wrap-ba...
nerdy.dev
Flex Wrap Balance · May 30, 2026
I wished for this last year .flex-container { display : flex ; flex-wrap : balance ; } now it&#39;s headed to Chrome 🏻
3558
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Eric Portis @ericportis.com · 29/05/2026
CSS functions. CSS... functions? CSS functions! frontendmasters.com/blog/the-fun... by @janeori.propjockey.io
frontendmasters.com
The Fundamentals and Dev Experience of CSS @function
There are quite a few
22712
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 22/05/2026
Every time a CSS feature needs fixed, an @ supports loses its wings. Which is why we need browser() engine() and min-version() at supports queries instead of direct feature detection. @ supports feature detection is almost never correct across the board, rendering it nearly useless (and dangerous)
121
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 22/05/2026
Tons of CSS fixes 🎉
2100
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 20/05/2026
In CSS, var(--registered-prop, fallbacks are unfortunately unreachable) so I made custom setter functions: propjockey.github.io/doubledash.c... available in v0.3.3
propjockey.github.io
@propjockey/doubledash.css
a collection of 100% CSS utility --functions(). Type casting, boolean logic, conditionals (lt, gte, etc), repeating, looping, binary operations (XOR, NAND, shifting, etc), and more!
111
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 20/05/2026
In CSS, var(--registered-prop, fallbacks are unfortunately unreachable) so I made custom setter functions: propjockey.github.io/doubledash.c... available in v0.3.3
propjockey.github.io
@propjockey/doubledash.css
a collection of 100% CSS utility --functions(). Type casting, boolean logic, conditionals (lt, gte, etc), repeating, looping, binary operations (XOR, NAND, shifting, etc), and more!
111
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/05/2026
Came back to one of my favorite cities in the world a couple weeks ago. This is the reason the double dash website is green propjockey.github.io/doubledash.c... It's so delicious 🤤
Green bottle of Japanese melon milk from 7-11 in Thailand
030
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
CSS by T. Afif @css-only.dev · 15/05/2026
Do you want an overview of CSS in 2030? Check the below 👇 The future of programming with CSS (oops, I said programming 🤫)
0121
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 15/05/2026
Like Lodash but for CSS propjockey.github.io/doubledash.c...
propjockey.github.io
@propjockey/doubledash.css
a collection of 100% CSS utility --functions(). Type casting, boolean logic, conditionals (lt, gte, etc), repeating, looping, binary operations (XOR, NAND, shifting, etc), and more!
0408
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Ana Tudor @anatudor.bsky.social · 13/05/2026
My take on `box-sizing: border-box` www.reddit.com/r/css/commen... TL;DR unlearn adding it to the reset, as well as setting dimensions (width/ height) explicitly. 👋 to @kevinpowell.co for giving me a video to link to 😀 👋 to @miriam.codes for the cool article on `body` margin to reference 😎 #CSS
reddit.com
anaix3l's comment on "Beginner question about padding/margins on elements to make them fit edges of the screen."
Explore this conversation and more from the css community
5416
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 08/05/2026
Custom shorthand properties in CSS? Pretty close! dev.to/janeori/css-...
dev.to
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...
0111
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 07/05/2026
There is more potential locked behind the CSS custom fn spread operator than any other planned feature in all of CSS. Aside from being a severe DX inconsistency that var(csv) args don't auto spread as planned (and nearly shipped), that decision (temporarily) nerfed @ fn potential 1000 times over.
1162
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 07/05/2026
Fork of Ana Tudor's beautiful animated SCSS for-loop particle artwork implemented in 100% CSS: codepen.io/propjockey/p...
codepen.io
100% CSS Particles (1 element, no JS)
Just Maths, Sass, `box-shadow` and keyframe animations. :) Should work in any browser supporting keyframe animations. --- If the work I've been put...
050
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 06/05/2026
FOR LOOPS IN 100% CSS codepen.io/propjockey/p... 🫳 🎤
codepen.io
FOR LOOPS IN 100% CSS!
...
4186
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 02/05/2026
How the 100% CSS --repeat() function works, some demos, and a really easy way for you to begin using it now! dev.to/janeori/100-...
dev.to
100% CSS: repeat(--n, anything)
Ages ago when CSS grids came with a repeat() function to simplify defining repetitive columns and...
0307
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/05/2026
Anyone who works with numbers in CSS is going to love this one. Trivially show numbers with decimal precision in content: codepen.io/propjockey/p... Bonus content: do the same thing with <length> codepen.io/propjockey/p... 100% CSS
2132
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 02/05/2026
How the 100% CSS --repeat() function works, some demos, and a really easy way for you to begin using it now! dev.to/janeori/100-...
dev.to
100% CSS: repeat(--n, anything)
Ages ago when CSS grids came with a repeat() function to simplify defining repetitive columns and...
0307
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 30/04/2026
@ function is an absolutely incredible raw gemstone. It just needs some serious polish and tumbling- nothing newly added to the CSS spec these days should be allowed to add this many unexpected caveats to the language. Args need to spread by default like standard. Registration needs consistency. Etc
021