Jane Ori 💜 CSS Contortionist

augmented-ui enables you to make Cyberpunk inspired web app ui with very little effort, for free! Check it out on github: github.com/propjockey/aug… #webdesign #css3

@ChallengesCss @ChromiumDev Neat! What's the approach for arrow key bindings? And collision? I've only ever thought about keyboard controls and not actually done it yet. Are the 🌵 using random() to spawn?

What's the best way to showcase modern features? By making games! This time it's the Dino Game 🦖 by @ChromiumDev css-tip.com/dino-game/ 100% CSS magic playable with the keyboard. Yes, you can jump and crouch with the arrow keys! 👀 Don't search for the JS, there is none.

You can get the OS scrollbar gutter width as an integer in a --CSS-var on :root codepen.io/propjockey/pen… (to have a gutter at all you'll have to, on mac, turn on scrollbars to "always", etc, and refresh to ever see it non-zero) But it's bugged in Safari: bugs.webkit.org/show_bug.cgi?i…

CSS image-animation property 🤙

@0xdevssh Implementation: issuetracker.google.com/issues/4294595… GitHub convo: #issuecomment-2652101726" target="_blank" rel="nofollow noopener">github.com/w3c/csswg-draf… Spec: drafts.csswg.org/css-image-anim… This is awesome! Since it works with SVG, it makes my Exfiltration hack a little easier so I don't have to rely on just timing each frame. Neat dev.to/janeori/100-cs…

A new css property value~

My start in web development was hand coding SVG animations with CSS, since I have a degree in Animation. Today I launch the product I always dreamt about, a web app to make SVG animations visually. Anyway, it’s free and here’s the link: svgstudio.org #tech #dev #web

This cyberpunk tcg will cross into ten million dollars funding soon and I couldn't be happier watching it succeed. Seeing the numbers skyrocketing & refreshing the Kickstarter as things unlocked was so fun. Literally giddy to the point of tears seeing it. Playing through the game super slowly (I've only ever done non lethal playthrough and mostly run and jump rather than drive) with time off irl and doing absolutely nothing else for a couple weeks straight on 2077's launch was one of the most enjoyable and inspiring experiences I've had. To lift my head up and come back online and see the dog pile of hate it was getting was ...💔 I keep tearing up through giddy laughter watching them take win after win after win since then. They freaking deserve it and I love to see it. I'm here for it. kickstarter.com/projects/cyber…

@Una @openuicg I'd love if there was a way to specify arrow key axis groups so it's trivial to navigate grids with the arrow keys: navigating rows with up and down, navigating columns with left and right. All kinds of applications for that, color palettes, tabular data, etc.

The @openuicg has been working on speccing out the focusgroup attribute: a declarative way to support roving focus and add keyboard navigation to composite widgets like toolbars and menus We'd love your feedback! Learn more and see the open questions: developer.chrome.com/blog/focusgrou…

Bummer averted. I asked Tab and they spec'd a spread operator already 🎉 So much potential there, I can't wait to see it implemented #spread-syntax" target="_blank" rel="nofollow noopener">drafts.csswg.org/css-values-5/#… Grateful it was just a trade-off and not an unexpected limitation that prevented the original plan ...💚

CSS vars holding arrays should've expanded into multiple parameters for --function calls. Especially because there's a syntax to prevent it. What a bummer! jsfiddle.net/wdmnockj/1/ #issuecomment-2596276757" target="_blank" rel="nofollow noopener">github.com/w3c/csswg-draf… issues.chromium.org/issues/3902058… #comma-containing-productions:~:text=For%20example%2C%20font%2Dfamily%3A%20random%2Ditem(%2D%2Dx%2C%20%7Bvar(%2D%2Dlist1)%7D%2C%20monospace)%20will%20work%20correctly%20regardless%20of%20whether%20the%20%2D%2Dlist1%20custom%20property%20contains%20a%20comma%2Dseparated%20list%20or%20not" target="_blank" rel="nofollow noopener">drafts.csswg.org/css-values-5/#….

I had fun doing something that normally feels like a grind because every little idea I had was fulfilled quickly by AI and a bit of tweaking to learn and make it juuuust right It's not CSS but it's got style 🤙💚 dev.to/janeori/custom…

Dropped a word: "Like* the auto..." Coming back after a full year traveling the world off social media and CSS functions has completely changed the game. I can't wait to see what else happened

Someone built an x86 emulator in 100% CSS lyra.horse/x86css/ the automatic non-hover version of my CSS CPU Hack and my addressable CSS variable assignment (ASM registers) detailed in my CSS Data Exfiltration hack! dev.to/janeori/100-cs… Fuckin cool!!

Whoops, when I converted it from a draft to a post it dropped two of the files. Good opportunity to slide in another one :) #doubleA

Whenever a job interviewer asks me what my hobbies are outside of software engineering... Last year I hooked up with 30 new people in 11 weeks and recorded something from each. :) #authenticity #loveyourself I'm also deeply spiritual. 💓👽 #magicisreal #opencontact

I'm here you found me that's it

"CSS is Emotional: Media Queries - Adapting to Change" by @eioluseyi #DEVCommunity dev.to/eioluseyi/css-… #CSS #CSSisEmotional #CSSwithEIO #Frontend #Webdev

Data Exfiltration is my 2nd best CTF category so I really enjoyed scripting this within the limits of CSS. Live demo at the end! Check it out while you're getting your work week started: dev.to/janeori/100-cs…

Living up to the PropJockey slogan here! :) "the value of properties, orchestrated" Watch this new advanced exfiltration hack execute live (in Chrome) in the embedded CodePen demo at the bottom of the article! dev.to/janeori/100-cs…