Vesa Piittinen

WebDev who occasionally pushes the boundaries. Greatly prefer and over JS, but daily work revolves around React so that's awful. Anyway. If some layout trick is possible to do with CSS I will figure out how to do it.

I like to develop so I have multiple Astro projects you can spy on over at my GitHub.

Yli 20 vuotta suomalaista Tolkien-nettiä! Lue lisää: olifant.fi/@merri

Vesa PiittinenMerriNet
2026-02-04

It is also silly Microsoft has the money to afford hundreds of data centers around the globe, even finding ways to build more by working around regulations (case Netherlands), but can't afford to hire a person to tell if what they're about to release is worthless garbage.

Vesa PiittinenMerriNet
2026-02-04

Maybe the product owner asked from Copilot whether the site was OK to be released and it said yes, because of course it does!

Vesa PiittinenMerriNet
2026-02-04

We now have 5 million Finns laughing at as they released embarrassingly awful production site for Microsoft Translator.

We have things like godly/overlord cookies, a mobile app that the text implies to be given to us regardless of whether we want it or not, and a mysterious link to "Espoon keskus" (which is a place at Finland) and the link goes to downloads page.

This in addition to horrendous mistakes and anglism-like issues everywhere.

Nothing. Makes. Sense.

Vesa Piittinen boosted:
2026-02-03

"AI"-users are spamming so many shitty PRs that GitHub is considering allowing repository owners to outright disable the pull request system on their repos to prevent low-quality contributions from reaching them.

github.com/orgs/community/disc

#AI #LLM #Copilot #Claude #ChatGPT #GitHub #Microsoft #Microslop

Vesa PiittinenMerriNet
2026-02-03

Also: I think I haven't seen anyone do a tool that would estimate the effect of optimizing CSS size vs. the size of HTML/JS.

You would like to go for a balance instead of focusing in optimizing for just one thing.

(Also, these thoughts are mostly meaningful for larger scale sites.)

Vesa PiittinenMerriNet
2026-02-03

With CSS people sometimes suggest going for atomic, or essentially, utility classes. To minimize the size of CSS. At worst meaning each class is one declaration.

However I think this is the wrong place to optimize. While throwing in lots of classes in HTML isn't that bad, it does get bad when your JavaScript also grows as the cost of 1 byte of JS is roughly 100 bytes of HTML/CSS.

If optimizing CSS increases the size of HTML and/or JS, then that is not the optimization to do.

Vesa Piittinen boosted:
2026-01-28

Dear Fedi,

Please find me a case, where there is a federated database. The data should be kept private for each company/participant, but all of them should be able to access the data and for example conduct research with it, without being able to pinpoint back to the original data&its owner. Technically this should be doable with a federated system.

Do you know if such system exists? Let me know, from any field and from anywhere in the world.

#federation #data #datascience #database #AskFedi

Vesa PiittinenMerriNet
2026-01-26

@opalstack Actually I think I move all my stuff elsewhere now that you went all in with the "Vibe Deploy" nonsense.

Vesa PiittinenMerriNet
2026-01-20

@chriskirknielsen I wonder if the "star sparkles" would work better. That at least has some chance unlike the generic "rear hole" AI logos, as you'd cover the hole 😅

Vesa Piittinen boosted:
Christopher Kirk-Nielsenchriskirknielsen@front-end.social
2026-01-20

I made a "no-AI" icon, and posted a rant to go along with it. Feel free to use: chriskirknielsen.com/blog/no-a

Vesa PiittinenMerriNet
2026-01-20

@chriskirknielsen I like this! Though it doesn't work that well in small size: it is very hard to tell it is "AI" that has been crossed over.

Vesa PiittinenMerriNet
2026-01-18

@paulhebert At work I'm currently working on a wip design system's web implementation. We're going full in with semantic tokens.

And I also chose the harder path: include HTML elements as a first class citizen with their own set of semantic tokens.

So far I don't know if anyone else has gone this route.

But at least all the regular HTML elements are used like they're supposed to! A button is a button, a radio is a radio input.

As they should be.

Vesa PiittinenMerriNet
2026-01-18

@paulhebert I really dislike the Tailwind + "Universal Design System" approach excuse.

In this case with universal DS I mean the systems that are built so that tokens live in Figma and have been defined for Tailwind as a target. And the universality comes from targetting both mobile apps and web.

Sure, it gives simplicity: you only have fundamentals and components. Default browser styles and elements? Removed with a reset. Not a consideration.

But the resulting code is awful for a web dev!

Vesa PiittinenMerriNet
2026-01-16

Me: okay, time to boot, let's close VS Code

VS Code: nope! (restarts)

Vesa PiittinenMerriNet
2026-01-09

@nice2meatu Yeah, it is sometimes confusing with negative values that you need to swap your thinking around as number that looks bigger is actually the smaller one.

Vesa PiittinenMerriNet
2026-01-09

@nice2meatu Seems identical:

(Edit: that is, clamp works when smallest value comes first.)

codepen.io/Merri/pen/VYjjVNa

Vesa PiittinenMerriNet
2026-01-09

@nice2meatu But why not: clamp(-4rem, -4.2667vw, -1rem);

Vesa PiittinenMerriNet
2026-01-03

@konstantindenerz
Fails on Firefox, though it seems to accept the clip-path as valid so hard to tell what might break it.

Vesa PiittinenMerriNet
2025-12-23

Should I be getting ready for Christmas break?

Yes.

Are my brains getting ready for Christmas break?

No.

Vesa PiittinenMerriNet
2025-12-23

The challenging part is that I need to figure out a better way to communicate and organize all the various bits and pieces.

In usual design system you have separation of fundamentals & components. That is easy.

But when you mix in HTML, CSS, custom elements, I think that is way too much separated context. I don't know yet what is the best way to make this communicated efficiently.

Atm thinking maybe fundamentals + visuals + functional. As separating by tech solution doesn't work.

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst