Jane Ori 💚 CSS Runner 👩💻
JaneOri@front-end.social
<p>Hello World 👽</p><p>✍ breakpoint-system, doubledash.css, css-media-vars, augmented-ui, CSS-Sweeper, Space Toggles, & more<br />🦋 <a href="http://janeori.propjockey.io" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">http://</span><span class="">janeori.propjockey.io</span><span class="invisible"></span></a><br />📝 <a href="http://dev.to/janeori" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">http://</span><span class="">dev.to/janeori</span><span class="invisible"></span></a><br />💍 Art</p><p>she/her</p>
Posts
-
Post #2999895
Like Lodash but for CSS https://propjockey.github.io/doubledash.css/
-
Post #2999894
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 https://propjockey.github.io/doubledash.css/ It&#39;s so delicious 🤤
-
Post #2999893
In CSS, var(--registered-prop, fallbacks are unfortunately unreachable) so I made custom setter functions: https://propjockey.github.io/doubledash.css/#setters available in v0.3.3
-
Post #2999892
I loved Spider-Noir. What&#39;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. 🤗
-
Post #2549385
100% CSS repeat() function https://codepen.io/propjockey/pen/XJNWYqQ??editors=0100 Repeat anything, strings, sets of animation properties to help manage parallel array properties, calc() partials, polygon partials, shape partials, text-shadows, anything!
-
Post #2549383
Anyone who works with numbers in CSS is going to love this one. Trivially show numbers with decimal precision in content: https://codepen.io/propjockey/pen/JobdXLz?editors=0100 Bonus content: do the same thing with &lt;length&gt; https://codepen.io/propjockey/pen/dPOoMmx?editors=0100 100% CSS
-
Post #2549382
How the 100% CSS --repeat() function works, some demos, and a really easy way for you to begin using it now! https://dev.to/janeori/100-css-repeat-n-anything-59ni
-
Post #2549381
FOR LOOPS IN 100% CSS https://codepen.io/propjockey/pen/RNoWBBK?editors=0100 🫳 🎤
-
Post #2549380
Fork of Ana Tudor&#39;s beautiful animated SCSS for-loop particle artwork implemented in 100% CSS: https://codepen.io/propjockey/pen/ZYBQzzO?editors=0100
-
Post #2549379
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&#39;t auto spread as planned (and nearly shipped), that decision (temporarily) nerfed @ fn potential 1000 times over.
-
Post #2527998
Custom shorthand properties in CSS? Pretty close! https://dev.to/janeori/css-the-single-coolest-api-technique-you-can-imagine-4ma8
-
Post #1738175
CSS tip: If you code your library&#39;s class name like so: [class*=&quot;breakpoint-system&quot;] Your users can extend the functionality like so: .my-element--breakpoint-system { /* override default settings */ } Author Experience improvement: SEEING the dependency of their class name.