Vesa Piittinen

@MerriNet
219 Followers
52 Following
1.5K Posts

WebDev who occasionally pushes the boundaries. Greatly prefer #HTML and #CSS 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.
#ActuallyAutistic

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

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

Homepage + Bloghttps://vesa.piittinen.name
The Settlers II.nethttps://settlers2.net
GitHubhttps://github.com/Merri?tab=repositories&q=astro&type=&language=&sort=
Oma Mastodon-instanssi (Finnish)https://olifant.fi

In one way, this is simple and easy.

In the other hand getting all this nuance documented in a compact fashion like this is hard to achieve.

#HTML #CSS #WebDev #DesignSystem

I fixed the text on the button.

Also apparently I stay up to date on CSS pretty well even via just Mastodon, so great job by you folks here.

And this is the error if someone is interested to help.

So apparently the variable $maxage ends up being an array instead of being an integer.

I'm just wondering if this is a buggy result.

I think scrollbars hiding content is becoming an issue. Maybe this is due to how now both Mac OS and Windows 11 have minimalistic out-of-your-way scrollbars?

However people who use Windows 10 or Linux tend to get this kind of broken experiences where actual content is hidden behind a scrollbar.

Screenshot is from @codepen but I feel this issue is becoming more widespread every day.

#CSS #WebDev #a11y

Worklife. What it has become.

Here is one very evil thing you could do:

`all: initial;`

A property that overrides other properties? Yes thank you.

Adjusted. Probably needs more popups.
I can play this silly game. Enjoy.

Visual regression testing sure does end up with a lot of stuff to check against.

Although if I'm honest we should never use those invalid variants, but the problem is that you also don't want people inventing their own in case a team somehow ends up needing it.

These are native input elements btw. It shouldn't be special, but there's still way too many button (or even div) based implementations out there.

#WebDev #CSS #HTML