Peter Kröner

@sir_pepe
849 Followers
278 Following
4.5K Posts

Developer ✨ edutainment ✨ Shitposting about #javascript and vanilla #webdev. Also there's cat pictures and bursts of travel. Reading web technology specs and doing training/consulting on said web technologies.

Also at sirpepe.bsky.social on bluesky

LocationKiel, Germany
Webhttps://www.peterkroener.de/
Main side projecthttps://code.movie/
Seen in Hardcore Bikes (HCB), a bicycle shop in Edmonton Alberta 🚴‍♀️
Today in "auspicious names for ships:"

Wait... install 27 GB (!) of additional GPU bullshit?!

Back to KDEnlive stat.

“Let's install DaVinci Resolve, this piece of professional software surely is less janky than OSS KDEnlive.”

I have never, in 21 years of Linux, ever had to screw around SO MUCH with drivers and config files. And without any success so far!

CSS nesting and `:has()` are two months away from being Baseline Widely Available (i.e. available in Chrome/Edge/Firefox/Safari for 30 months).

Did you know that you can use destructuring assignments with symbol properties? You just have to pick a new name for the property!

#javascript #webdev

The logical follow-up: <css-value-input syntax="<color># | whatever"> with constraint validation in ~60 lines!

https://codepen.io/editor/SirPepe/pen/019d9647-b896-7121-aa7f-df55ebd23946

#webcomponents #webdev

<css-value-input>

A code demo by Peter Kröner created on CodePen

CodePen

TIL that #CSS @property rules are invalid if the initial value does not match the provided syntax. And this means that it is trivial to check if a string matches whatever CSS value definition syntax you cook up! Without any side effects!

Demo: https://codepen.io/editor/SirPepe/pen/019d9195-e51a-7722-acf8-77e77ec9656e

#webdev #javascript

TIL that #CSS @property rules are invalid if the initial value does not match the provided syntax. And this means that it is trivial to check if a string matches whatever CSS value definition syntax you cook up! Without any side effects!

Demo: https://codepen.io/editor/SirPepe/pen/019d9195-e51a-7722-acf8-77e77ec9656e

#webdev #javascript

Did you know that you can use destructuring assignments with symbol properties? You just have to pick a new name for the property!

#javascript #webdev