Les sélecteurs avancés en CSS c'est quand même devenu magique.

Celui du jour :

```css
textarea:has(+ p.muted) {
margin-bottom: 0;
}
```

#CSSisAwesome

CSS goodness: `text-indent` `hanging` keyword let you indent lines of an element except the first one.

See https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

#cssisawesome

text-indent - CSS | MDN

The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.

MDN Web Docs
I'm getting strong "Graphic design is my passion" energy from this Google Calendar redesign. #cssisawesome

CSS quiz: The color of the h2 is…

(with native CSS, no preprocessor like Sass).

```
<div>
<h2>A heading</h2>
</div>
```

```
div, #cssisawesome {
h2 {
color: red;
}
}

div h2 {
color: blue;
}
```

red
33.3%
blue
64.9%
black (initial)
1.8%
Poll ended at .

Amazing! You can now animate to and from both „display: none“ and „height: auto“ 👏 #cssisawesome

https://chasem.co/2024/05/css-animations/

In an attitude of defiance | Chase McCoy

Chase McCoy explores, builds, & writes about the web.

Chase McCoy

My hottest take:

Static site generators are a weird and non-useful idea. Just open vi, write the fucking HTML, open it in a local browser to test, (s)ftp it to your server.

If you need template inclusion, you use
:r template.html

I use Cyberduck https://cyberduck.io instead of raw (s)ftp usually, but that's mainly so I have a cute ducky on the Dock.

#webdev #webdesign #cssisawesome

Cyberduck | Libre server and cloud storage browser for Mac and Windows with support for FTP, SFTP, WebDAV, Amazon S3, OpenStack Swift, Backblaze B2, Microsoft Azure & OneDrive, Google Drive and Dropbox

Apparently react native does not support single-side borders, and found this gem in the GH issue:

#CSSIsAwesome (?) #ThanksIHateIt

"The world is full of color, especially outside."

No. Do not go outside. Do not believe the heresy that there are more than 216 web-safe colors!

THEY ARE SAFE! FOR THE WEB!

#css #cssisawesome

I challenged myself to create 100 unique grayscale patterns using CSS gradients only https://css-art.angelika.me/100-gradients/

My favorites: a record, piano, meh face, and ying-yang #CSS #CSSIsAwesome

css-art.angelika.me

Angelika's CSS experiments.