Toronto Games Week has some beautiful #CSS magic on their website this year!

I'm back in JavaScript hell trying to manage a reverse-sticky element that relies on scroll triggering where the dynamic iOS Safari address bar keeps messing with viewport height calculation. So annoying.

Then when I rotate on iPad I have to find a way to recalculate again. PITA

Composing A #CSS Photo Grid - Two Ways - Frontend Engineering Explained #webdevelopment

https://www.youtube.com/watch?v=zaxe7LYMd5M

Working with #GTK feels pretty solid, not gonna lie. At least in the #Lutris code.
Really like how I can easily load custom #CSS as well. Makes it really simple to create a responsive UI with small effects.
#coding #Python

When I see #CSS class names like "bg-005e3f text-ffffff border-4d7e6e" I really wonder if those people might not start looking for a job that better suits to their narrow minds.

Is there a user CSS styles extension like Stylus that does not request access to all websites but allows opting in on case-by-case basis? #Stylus #UserStyles #web #CSS #WebExtensions

Le retour sur Terre de Wang Haoze, Cai Xuzhe et Song Lingdong de la station spatiale chinoise #CSS a été reporté en raison des mauvaises conditions météo sur le site d'atterrissage.
Ils vont rester quelques jours de plus avec Chen Dong, Chen Zhongrui et Wang Jie

Tinkering thought. This is a more forgiving `:empty` CSS selector. It will match any tag without DOM element descendants, regardless of whitespace.

The potential drawback is that it will also match tags which contain only text nodes. Meaning, this would be a false positive: `<p>A</p>`.

Still, I cannot tell you how many times I wanted to style a tag without any children. But some line break in a template was causing it not to be truly empty. This should help mitigate those scenarios.

```
.foo:not(:has(*)) {
outline: 10px solid red;
}
```

I've updated the graphical profile of the @keyboardkit.bsky.social site as well. More colors, fewer boxes and lines, and more room to breathe overall. The next step is to add a glass effect to the grid tiles, which I think should be possible with plain CSS. #html #css
https://keyboardkit.com

I forgot that CSS is hard.

But I grew up learning frontend web development on Internet Explorer 6, so I'm not scared.

#CSS "Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text. Margins are just one possibility — padding is another, gaps, width and height, or any other measurement in the layout."

https://webkit.org/blog/16831/line-height-units/

J'ai ajouté ce CSS ci-dessous pour avoir la colonne par défaut (celle pour voir le toot sur lequel on a cliqué) juste après la colonne "Accueil"

Le truc chiant, c'est qu'il y a un vieux js qui scroll à droite sur un clique. Est-ce qu'il y aura moyen de l'enlever?

```
div[role="region"][aria-label].column{
order: 2;
}

div[role="region"].column:not([aria-label]) {
order: 1;
}

div[role="region"][aria-label="Accueil"].column {
order: 0;
}
```

#mastodon, #ui, #javascript, #css

Haven't had it in me to do anything for the past week's #CodePenChallenge, so here's a demo from earlier this year that fits: #CSS infinite scroll gallery https://codepen.io/thebabydino/pen/XJrYqGb

One of my most hearted demos ever & my only one to get over 1000 without being in the most hearted of previous year.

New CSS Generator

It's finally possible. A blob shape using only CSS!

https://css-generators.com/blob/

Play with the setting and get a cool shape in no time.
Single element (works with images)
One line of code
Responsive

Limited support (Chrome and Safari for now)

I tried to figure out the difference between a menu and a navigation, give it a read if you have some time to spare:

https://stevefrenzel.dev/posts/menu-and-navigation-the-difference/

Let me know if I got something wrong, I'd appreciate your feedback.

Maybe don't rely on AI do answer your CSS questions. Actually... without the maybe. Don't rely on AI to answer your CSS questions.

I just boosted it but I have to put my own statement on it: the person who wrote this really understands what they’re talking about. The best satire is truly intelligent as it skewers its target. The final point of the rant is dead right. I totally agree.

https://motherfuckingwebsite.com/

blog! “HTML Oddities: Is a newline just another whitespace in attribute values?”

Consider these two HTML elements:

<div class="a b">…</div>

<div class="a
b">…</div>

Is there any semantic difference between them? Is there any way to target one but not the other? In other words, are they logically different?

I think the answer is no. On every bro…

Read more: https://shkspr.mobi/blog/2025/04/html-oddities-is-a-newline-just-another-whitespace-in-attribute-values/
⸻
#css #HTML

Just because you’re different doesn’t mean you don’t belong.

CSS Zen Garden

Link: https://csszengarden.com/
Discussion: https://news.ycombinator.com/item?id=43809484