ppk 🇪🇺

Writing a #CSS book - technical writer - #browser expert - #cssday and #perfnow conference co-organiser - #WebMonetization - #history geek - former Later Roman Empire specialist - native of #Amsterdam - recovering Tweeter

Public Key

npub1l88kjjtfxmmqw46m3v6vmk3se3dhzanen6w0cjfvyfkgzh88vp9qjpyagz

NIP-05 Address

ppk_at_front-end.social@mostr.pub

Profile Code

nprofile1qqs0nnmff95ndas82adckdxdmgcvckm3weuea88ufykzymyptnnkqjsvk5a0t

Author Public Key

npub1l88kjjtfxmmqw46m3v6vmk3se3dhzanen6w0cjfvyfkgzh88vp9qjpyagz

Show more details

Last Notes

2024-07-10 08:16:48

So if you were to summarise current trends in forward-looking web dev in a bullet list, which bullets would you add? So far I have:
- Post-React. Moving away from React (and JavaScript as a whole), and towards CSS.
- Performant solutions, no more framework-buildstep horrors.
- Re-weird the web: go back to the blogosphere of old.
What else?

2024-07-06 14:23:43

If the UK elections had been held under the Dutch proportional rules:
Total seats: 650
Labour: 229
Conservatives: 160
Reform: 96
LibDem: 82
Green: 45
SNP: 16
SF: 4
DUP: 4
PC: 4
WPB: 4
SDLP: 2
Allliance: 2
UUP: 2

2024-07-02 19:11:01

Ticket sales for #perfnow the performance.now() conference have opened.
https://perfnow.nl/

2024-06-07 09:28:51

- reply

@npub13q3…hr6l Because you can hear the non-amplifiee voice.

2024-05-14 12:45:34

Do I know anyone who
organises hackathons?
Preferably not in German-speaking countries; we already have those.

2024-04-25 13:16:47

- reply

@npub1xed…yg9w Or not speaking at all and hitting people with the stick. It is proven to be remarkably effective.

2024-02-26 15:57:11

- reply

@npub16mu…qy4m Yes, I was hoping for something slightly more mainstream.
Usually it supports a few text-related properties that the others don't, but I haven't discovered them yet.

2024-02-26 15:52:44

- reply

Lots of good suggestions, including a few that I thought were universally supported.
However, for balance reasons I'm looking for one or two where Firefox has taken the lead and Chrome and/or Safari haven't followed yet.

2024-02-26 15:41:57

- reply

@npub16mu…qy4m Oh wow I thought that was supported by all browsers ...

2024-02-26 15:29:14

I need some good examples of relatively simple CSS and JavaScript functionalities that aren't supported by all browsers.
Last year this time the poster child was :has(), which was not supported by Firefox. I'm looking for something similar today.

2024-02-23 00:41:19

- reply

@npub1xed…yg9w You are a middle child. You have no special selector like first-child or last-child. You will have to mess about with nth-child until it works. We feel for you.

2024-01-12 11:23:11

- reply

@npub16mu…qy4m Of course! Repeat the hover!

2024-01-12 11:20:31

- reply

@npub16mu…qy4m It's for a hover effect
dt:hover + dd {}
but then all dds up to the next dt.

2024-01-12 11:16:41

- reply

@npub16mu…qy4m Not quite, because that only works for two dt/dd sets, and I don't know the number of sets, either.
This is tricky.

2024-01-12 10:53:58

Given this HTML:
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
How do I select all <dd>s up to the next <dt>?
dt + dd only selects the first one
dt ~ dd selects all dds in the entire list, including the ones I don't want.

2024-01-02 16:14:42

- reply

@npub1c35…9pmh You don't understand. You're roughly my age. So if you're old enough to be a grandfather, the consequences are serious ...

2024-01-02 15:56:48

- reply

@npub1c35…9pmh Grandfather? Congrats! But ... you're too young ...

2023-11-16 16:19:41

- reply

@npub1c35…9pmh No builds or disbands.

2023-11-16 16:06:57

The most epic game of no-press Diplomacy I ever played just ended, and I was in the 2-player draw as Austria.
https://www.backstabbr.com/game/Gun-that-Boat-135/5070287635349504#

2023-10-10 12:23:09

General service announcement: performance.now() tickets (2/3 Nov, Amsterdam) are nearly sold out.
If you were thinking about coming I'm afraid the time has come to take a decision. We doubt we'll have tickets left by the end of the week.
https://perfnow.nl/
#perfnow

2023-09-14 12:26:19

About to attend a CSS WG meeting for the first time - just as a humble observer.

2023-09-10 18:25:52

Have to get up ridiculously early tomorrow to go to TPAC in Seville.
Also, too, first TPAC ever.
Will I meet nice people? Will I hear cool things?

2023-08-20 10:49:53

#css :has()-related insight of the day:
div:has(h2,p) is an OR
div:has(h2):has(p) is an AND
The first selects all divs that contain an h2 or a p or both.
The second selects all divs that contain both an h2 and a p.

2023-08-08 19:41:03

- reply

@npub1j46…3gm7 @npub1asq…pd3l With 10 times fewer followers, I still get roughly the same quantity of responses as on the former site, with the average quality a bit higher than before.
About six months ago I heard quite a few others say the same about the quantity.

2023-08-08 13:48:25

- reply

@npub13u2…x3ey @npub1fa2…3m3s For bonus points: "A website should load before you can cay 'CLS'"

2023-07-17 14:32:03

- reply

@npub1j46…3gm7 Good point.
It seems no one has done this particular user research yet.
It's not a huge deal - if a figure happened to be available I'd like to quote it. But without it I'll just say "many" users use the keyboard, followed by the usual warning to make your sites keyboard-accessible.

2023-07-17 13:24:31

Are there any stats about mouse vs keyboard use on desktop/laptop computers? (So not counting touchscreen devices, game consoles and so on.)

2023-07-10 13:02:30

Looking for an HTML attribute that sometimes needs several space-separated values.
Not class, also not text attributes such as alt or title.
Any ideas?

2023-07-07 18:31:29

Oh, the Dutch government just fell.

2023-07-07 09:11:44

So I wrote a quick outline of which #css #selectors I need to treat, and which chapters the Selector part should have.
https://quirksmode.org/booktests/SELECTORS-notes-short.txt
Would be much appreciated if you could take a quick look, especially to see if I forget any important selectors.
(I mean, there are SO many pseudo-classes nowadays.)

2023-07-03 08:19:28

Actually, this deserves a wider audience.
Just now I read a toot[1] that says we shouldn't be so dependent on MDN, given the recent AI disaster. We should do our own documentation.
The problem is funding. How will writers get paid? People look away from this question because it's Not Done to talk about money. Which is bullshit we need to get rid of.
And remember: I used to maintain the precursor site to MDN + caniuse, mostly unpaid. So I know what I'm talking of.
1: https://front-end.social/@nachtfunke@indieweb.social/110649099731456418

2023-06-23 18:06:56

- reply

@npub1c35…9pmh That's what I assumed, but the following does not work:
grid-column-start: span 2;
grid-column-end: 4;
I thought the item would span lines 2-4, but it spans lines 1-3. Worse: I'm not even sure this is a bug or the intended effect.

2023-06-23 11:59:33

I don't really understand grid-column-start: span 2. It spans two columns, sure, but FROM WHERE? The answer appears to be: from the natural, auto starting point of the grid item ... but there's something else I don't understand yet.

2023-06-22 10:24:24

So you can't use #css custom properties in container queries, right?
@container (max-width: var(--spanWidth))
Doesn't seem to work ...

2023-06-19 10:02:25

Final preparations. Leaving for my writer's retreat in Greece in about an hour.

2023-06-09 15:26:07

Enjoy giving conference technicians and organisers a heart attack?
Have a completely black slide in your deck.
Always works. #CSSDay

2023-06-05 12:44:10

Two more weeks before I go to Greece for five weeks in order to write on the #css book!

2023-05-25 13:34:50

Final Venus check behoren #cssday
https://cdn.masto.host/frontendsocial/media_attachments/files/110/429/578/480/103/394/original/e37e99610b628d21.jpg

2023-05-21 14:43:27

So this does not work, does it?
grid-row: 1/-1
to make a grid item span all rows, regardless of how many there are.
Then how do you do that?

2023-04-24 00:21:43

- reply

#[0] Which browser?

2023-04-20 13:24:23

- reply

#[0] There was the "Hey, use CSS3!" movement around 2009-12, and I thought there was a marketing CSS3 page/article/whatever published at a certain time. I'm looking for that date.

2023-04-20 13:00:27

Does anyone know when the umbrella term "CSS3" was launched? It is surprisingly difficult to find a date, even though I seem to remember there was a more-or-less official publication about it.