ppk

ppk, 9 months ago to CSS

#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.

ppk, 9 months ago (edited 9 months ago) to random

Did you use an image map in the last five years? You know, <map> and <area> and such?

(Background: I want to call image maps "old-fashioned" and I'd like to know if I can do so.)

ppk, 11 months ago to random

#perfnow performance.now() 2023 ticket sales are open. Early-bird tickets are still available.

https://perfnow.nl/

ppk, 14 days ago to random

Do I know anyone who

organises hackathons?

Preferably not in German-speaking countries; we already have those.

ppk, 8 months ago to random

It's not every day that a new dead language is discovered: the one from the land of Kalašma, probably related to Luwian and Hittite - 14th century BC.

https://phys.org/news/2023-09-indo-european-language-excavation-turkey.html

ppk, 11 months ago to random

Suddenly wondering:

Did bored schoolkids invent the paper airplane before the invention of actual airplanes?

I mean, technically it's possible.

ppk, 7 months ago to random

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

ppk, 4 months ago to random

It just occurred to me that pretty soon web developers need to test their sites on the new Chrome/Blink/iOS and Firefox/Gecko/iOS and other new iOS browsers

....

BUT THEY CAN'T outside the EU

...

ppk, 11 months ago to webdev

Do you have a favourite non-obvious use of #css #grid? I'm looking for nice examples for my Grid chapter that will expand beyond "here's how you make a responsive four-column grid"

ppk, 3 months ago to random

Also for @natbat , does anyone have an actual case of a PWA failing on iOS in the EU?

What happens? What did you see?

ppk, 10 months ago to random

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

ppk, 10 months ago to random

It is possible to make one or more grid cells the positioning context / containing block of an absolute element. It goes like this:

div.gridContainer {
display: grid;
/* grid-templates */
position: relative;
}

div.absoluteGridItem {
position: absolute;
grid-column: 2 / 4;
grid-row: 2 / 4;
}

Now the grid area between column lines 2 to 4 and row lines 2 to 4 is the absolute box's positioning context. Any top, left, etc, is calculated relative to the grid area.

ppk, 10 months ago (edited 10 months ago) to CSS

Time for a poll.

Have you used the [attr|=val] (with the pipe!) in the last two years?

Background: my current theory is that it's so obscure that I can leave it out of the #css book.

ppk, 10 months ago to random

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?

ppk, 10 months ago (edited 10 months ago) to random

Are there more wheels or doors in the world?

ppk, 2 months ago to random

Apple gives in on PWAs.

In fact, it did so faster than I thought.

Good. Congrats, @owa

https://developer.apple.com/support/dma-and-apps-in-the-eu/#dev-qa:~:text=UPDATE%3A%20Previously,exist%20in%20iOS
(Open "Why don’t users in the EU have access to Home Screen web apps?")

zachleat, 11 months ago to random

it’s sad that no one cares about the time to second byte

ppk, 6 months ago to random

"Sorry, building websites is for us serious manly man engineers now who can do very difficult things like making the computers go beep boop."

https://heather-buchel.com/blog/2023/10/why-your-web-design-sucks/

ppk, 9 months ago to random

Oh, and by the way, I created a book status page at https://quirksmode.org/cssbook.html

ppk, 9 months ago to random

p.test {
background: var(--gray);
}

:is(p,#testID) {
background: var(--darkgray);
}

<p class="test">I am a paragraph.</p>

The paragraph is dark gray, even though ID testID does not occur in the document, and certainly not on the paragraph.

Is this a way to get around specificity problems? Simply slap a non-existing ID into an :is()?

ppk, 1 month ago to random

Why is Gimp so fucking incomprehensible?

ppk, 10 months ago to random

Something I did not realise until now: you can repeat the type selector in a :not().

I wanted to select all <dd>s that follow the third <dt>, but not the ones that follow the fourth one.

dt:nth-of-type(3) ~ dd:not(dt:nth-of-type(4) ~ dd)

Works.

ppk, 8 months ago to random

Fuck. Molly Holzschlag died.

Not fun.

https://www.tucsonsentinel.com/local/report/090523_molly_holzschlag/tucsons-molly-holzschlag-known-as-the-fairy-godmother-web-dead-60/

ppk, 8 months ago to books

I have to say, the introduction to the draft CSS Display 4 spec is extremely well written - so well that I'm going to make a change in the already-written Layout part of my book to copy part of its structure. Thank you, Tab and Elika.

https://drafts.csswg.org/css-display-4/#reading-order

ppk, 3 months ago to random

Has any of my followers ever subscribed their website to Brave Creators? I'm looking for information about how it works - in more detail than what the Creators homepage shows.