Ville V. Vanninen 🦋&masto

[Ville V. Vanninen 🦋&masto @sakamies]

Haven't been posting much anyway here, but see you on 🦋 or masto.

[Ville V. Vanninen 🦋&masto @sakamies]

Didn't know that dinosaur emoji in a profile could mean bad stuff, anyway, back to places.

[Ville V. Vanninen 🦋&masto @sakamies]

Useless shower thought: Reactivity through css variables?

Yeah nuts, but it's fascinating how reactivity and realtime computation of lots and lots of stuff is ingrained in the css language, but it's really hard to make a similarily fluid reactivity system for javascript.

[Ville V. Vanninen 🦋&masto @sakamies]

I think I can finally start to make gridlover (you know, modular scale & vertical rhythm) in vanilla css! https://t.co/vpccZEXXd9 Chrome doesn't yet have round() and Safari does weird subpixel stuff even if you round to full pixels. Already works flawlessly in Firefox though.

[Ville V. Vanninen 🦋&masto @sakamies]

@eclat521 I remember two earthquakes in Oulu. Both felt like just a single wave passing through the building. Like some giant just gently pushing my back just one time. Super spooky.

[Ville V. Vanninen 🦋&masto @sakamies]

@SelenIT2 Not really in this case. I'm trying to make a css paint worklet that could take a shorthand value as input and decompose that into its different parts. So --width and --color would not be defined beforehand, they would actually become JS variables directly from the shorthand.

[Ville V. Vanninen 🦋&masto @sakamies]

Is there a way to create custom shorthand properties in css? I'd like to decompose a shorthand like `--shorthand: 2px green;` into `--width: 2px; --color: green;` Doesn't have to be css only, a javascript solution would be fine.

[Ville V. Vanninen 🦋&masto @sakamies]

If you ever need help with your front end stuff, send out a signal. Been on a roll lately.

[Ville V. Vanninen 🦋&masto @sakamies]

OKLCH colors are all the rage in css just now. Writing & copy pasting oklch() (or rgb() colors fot that matter) always felt cumbersome though, so I made it hex. 🤷‍♂️ https://t.co/wYBxRcnclV

[Ville V. Vanninen 🦋&masto @sakamies]

Perfect 👌

[CSS Weekly @CSSWeekly]

⚡️ CSS Terminology Demystified ⚡️

Find out everything you need to know to get confident with basic CSS terminology, like declaration, declaration-block, statement, and more.

https://t.co/eR1jHPQrAY

[Paul J. Adam @pauljadam]

Interesting at the Apple Store today the worker who did my return was blind and using VoiceOver to do return process using same hardware/software their sighted employees use. Don't think I've experienced that at any other retail store in my lifetime. That's what #A11y gets you!

[Ville V. Vanninen 🦋&masto @sakamies]

My initial attempt at making a flexible squircle container for the web. https://t.co/CUJrmqLfY7 (Yes it's an eyeballed approximation with beziers, but close enough for trying this out.)

[Ville V. Vanninen 🦋&masto @sakamies]

@diegohaz Plain old CSS, often with a very simple SCSS setup for a few imports and variables.

[Ville V. Vanninen 🦋&masto @sakamies]

@combdn @colmtuite Maybe with variables and calc? So you'd substract border width from padding. Like so: https://t.co/s10lHjrpZJ (In other words, padding would effectively start from border-box instead of padding-box)

[Ville V. Vanninen 🦋&masto @sakamies]

@diegohaz MS DOS had some built in games made with Basic and it was just fascinating trying to modify them. But what really solidified my path was Front Page Express dropping into my lap in 1998. After that it all web stuff to this day.

[Ville V. Vanninen 🦋&masto @sakamies]

@toni_lehtimaki I guess I'm questioning if the trade off between simple stuff done simply vs features+complexity is worth it. Maybe it is and I'm the old man yelling at clouds. I'd like to get it and change my mind, but so far no one's convinced me.

[Ville V. Vanninen 🦋&masto @sakamies]

I mean, I'm getting depressed again by the internet, but this just gets to me. Like six megabytes for the same functionality as a few lines of html. Could someone please explain this to me? ☠️

[Ville V. Vanninen 🦋&masto @sakamies]

Of course the card preview didn't work. 🤷‍♂️ Anyway, it's a tiny app where you can draw with triangles.

[Ville V. Vanninen 🦋&masto @sakamies]

Not sure I ever confessed my love of triangles on twitter. Old and simple, but simple never goes out of style. https://t.co/xIBm8EZcmK