Sign in

iiinova is part of the Atmosphere — an open, public network where you own your identity.

Jane Ori 💚 CSS Runner 👩‍💻

@janeori.propjockey.io
862 followers 160 following 169 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
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
Master.dev (Formerly Frontend Masters) @frontendmasters.com · 16/10/2026
SVG “Linked Parameters” Will Change How We Do Icon Systems Maybe we can get back to an img-based icon system?
blog.master.dev
SVG “Linked Parameters” Will Change How We Do Icon Systems
Maybe we can get back to an img-based icon system?
041 4
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 08/10/2026
> Thank you for your interest in the Staff Design Engineer position at Scribe. We've reviewed your application and, after careful consideration, have decided to move forward with other candidates at this time.
100 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 07/10/2026
x.querySelector chooses elements inside of specifically x. If you want to select a dialog containing x (dialog:has(&)), `x.closest("dialog")` is the way to look up the dom tree from x
111 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 07/10/2026
On the head hero space on one of my most recent products, I describe myself as exactly the same shape puzzle piece 🧩 that this position is looking for propjockey.breakpoint-system.com Applied ✅
propjockey.breakpoint-system.com
@propjockey/breakpoint-system - Deliver your designs.
Highly accessible, responsive CSS designed in pixels and implemented 1:1 with the new Breakpoint Unit for a flawless fluid experience. Custom aliases, breakpoints, and queries with heavily researched ...
010 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 06/10/2026
With the CSS-in-JS mass exit happening, if you need a full stack staff engineer with several OS packages & contributions to her name _and is also really really good at CSS_, I'm available ~
2307 30
Reposted by Jane Ori 💚 CSS Runner 👩‍💻
LukyVj - A$AP Luky @lukyvj.bsky.social · 06/10/2026
If you can write CSS, you can write GSS { ● } I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader. Meet GSS: GPU Style Sheets. gss-lang.dev #shader #glsl #gss
710619 106
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 21
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 5
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 20/09/2026
I forgot they implemented mod 🫠
010 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 20/09/2026
and with a reusable space toggle function codepen.io/propjockey/p...
codepen.io
CSS simple even/odd check - reusable function version
...
120 2
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 20/09/2026
I gotchu codepen.io/propjockey/p...
codepen.io
CSS simple even/odd check
...
141 4
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 31
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/09/2026
Staff Software Engineer, great with: SQL, Node, Accessibility, Web Assembly, CSS, React, 3D Experience with: Firebase, PHP, Python, C, C#, C++, Java, Native Wii Homebrew Known for: CSS hacking & inventions, tech writing, (offline) game hacking, and many published OS packages
0156 15
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.
14436 44
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 09/09/2026
That's essentially part of the basis for Breakpoint System! It's a super flexible approach :) dev.to/janeori/css-...
dev.to
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...
030 3
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/09/2026
Making the knobs rotate to the drawing deltas is 🤌 excellent
000 0
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 31/08/2026
Greenday (American idiot tour) . . . That was enough concert for me. I saw an ostrich lay an egg at the zoo once though. Similar energy.
010 1
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 7
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 23/08/2026
Hahaha Let ✋GREEN🤚 reign!
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!
080 8
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 3
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 2
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 14
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 14
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 03/08/2026
020 2
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 31/07/2026
clip-path 🔥🙌🔥
040 4
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 17/07/2026
Got a clip!! No spoilers, 10 seconds, no audio, no context. 12 days before it came out I dreamed this and talked to Gemini about it! And I was strongly guided to see it the day after talking to Apollo in a meditation dream with absolutely no prior awareness of him or interest in the Odyssey!
010 1
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 3
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 3
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 7
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 39
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 39
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 105
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 05/07/2026
:) codepen.io/propjockey/p...
codepen.io
augmented-ui social media picture-of-code thing
...
150 5
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 4
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 16
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 01/07/2026
🚬😏
040 4
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 01/07/2026
Use Bramus as the namespace then the package name is usable - that's what I do with PropJockey now :)
120 2
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 01/07/2026
Click the QR Codes at the bottom of this page for links instead of using QR Codes: propjockey.io/packages/#re...
propjockey.io
Packages on NPM from PropJockey.io - the value of properties, orchestrated. // Jane Ori
010 1
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.
141 4
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 20
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!
0789 78
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 26/06/2026
Is that hospital slang for flat-lined?
110 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 23/06/2026
youtu.be/8OtcWhIBLoM What's most intriguing is that I have no idea where or how they found out about the related conscious+guided movement. I've never seen anyone else talk about it and I've looked for answers and clues ever since it began happening through me. ¯⁠\⁠_⁠(⁠ツ⁠)⁠_⁠/⁠¯
youtu.be
Spiritual hand movements and beyond
YouTube video by Jane Ori
010 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 23/06/2026
I talked about my spiritual movement 10 months ago on YouTube seeking to connect with anyone else who experiences it. It's daily for me and increases intensity with regular meditation
100 1
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 1
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 2
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/06/2026
Oh man that is an incredible gift. Absolutely beautiful feeling just reading this - can't imagine your first hand experience! Congratulations, sincerely! 🫂
040 4
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/06/2026
There are multiple tangentially related bugs already filed for it so the etiquette for "dog piling" my stuff on the team didn't feel great... 🤷‍♀️ If you file anything, please do link it so I can observe how you navigate it. plus I rarely use it when I write CSS so it's mostly a concern for my users 😬
100 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/06/2026
If you want to see devtools crash because of the eager compiled compute view, very bottom of this page there's a "live demo" right click inspect on "6 === 6" propjockey.github.io/css-bin-bits...
propjockey.github.io
css-bin-bits - a vanilla CSS API for binary operations and bit manipulation of 16 bit numbers
100 1
Jane Ori 💚 CSS Runner 👩‍💻 @janeori.propjockey.io · 19/06/2026
xl example: propjockey.breakpoint-system.com target: document.querySelector(".bp-stage-st.emulated-stage") style filter: --bpu-2
100 1