Now up to 23 advent calendars:
adrianroselli.com/2025/12/web-…

Two new extras, linking @damieng’s 8×8 pixel font thread (thread?) and @heydon’s monochrome pride designs thread.

#HTML #CSS #a11y #JS

Web Design / Dev Advent Calendars for 2025

The advent calendar I wanted to use for the photo hasn’t arrived yet, so enjoy this box of tree. Web developers around the world have for years given a nod to Saturnalia solstice Isaac Newton’s birthday Yule wassailing mummering end of Gregorian cale…

^{Adrian Roselli}

How to use #CSS to fix the irradiation illusion /
How to adjust perceived font weight in dark mode without layout shift

nerdy.dev/adjust-perceived-typ…

Using CSS to fix the irradiation illusion · November 29, 2025

^nerdy.dev

RE: mastodon.social/@anatudor/1106…

Nowadays, we can do better:

```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```

Cross-browser since September 2024.

#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment

Ana Tudor 🐯 (@anatudor@mastodon.social)

Attached: 1 image #tinyCSStip Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`? Use `color-mix()`! Cross-browser, btw. 😼 #css #coding #frontend #webDev #webDevelopment

^{Ana Tudor 🐯 (Mastodon)}

It’s not often that a #CSS demo makes me say “No f***** way!” out loud but @chriscoyier got it out of me with this new random() demo.

Genuinely floored.

#WebDev

frontendmasters.com/blog/more-…

More CSS random() Learning Through Experiments

There is quite a bit of interesting design possibility with `random()` coming to CSS. It pairs nicely with animation, particularly animation-composition for agumenting those generated values.

^{frontendmasters.com}

I am begging you, please don't split your heading into two separate `h2` elements with an `img` in between just to have the image in between your heading words.

This is what subgrid was made for!

#CSS #layout #cssLayout #code #coding #web #dev #webDev #webDevelopment

Opened an issue to Mastodon Bird UI: Major rewrite: migrate to SCSS + Parcel for Mastodon's new CSS custom properties system github.com/ronilaukkarinen/mas…

I don't have time to work on this for a while, but I already have a plan.

#MastodonBirdUI #BirdUI #CSS #MastoAdmin #Mastodon #SCSS #OpenSource

Major rewrite: migrate to SCSS + Parcel for Mastodon's new CSS custom properties system

Background Mastodon is undergoing a major theming overhaul in PR #36640, introducing a semantic theme token system using CSS custom properties. This enormous change replaces all colour-related CSS ...

^{ronilaukkarinen (GitHub)}

Mastodon Bird UI v3.0.0 is now released! 🎉

Most notable changes:
- Support for Mastodon stable 4.5.0
- Fix profile links and alignment
- Re-style Quote Posts
- Improved UI for the new quote posts popper
- Improve status__quote--error being to high, update min-height
- Remove the separator dot redundant since 4.3
- Fix performance-expensive transitions
- Fix audio embed overflow
- Improve the accesibility of modals

Full changelog and download: github.com/ronilaukkarinen/mas…

#MastodonBirdUI #BirdUI #Mastodon #MastoAdmin #CSS #UI #OpenSource

I tried a few and they all sounded like alt-rock band names 😄

#css #color #html #web

RT @vitalyf@twitter.com

A11yphant (a11yphant.com), a great little tool to learn accessibility, one step at a time, with a few easy, medium and hard challenges. #accessibility #html #css

🐦🔗: twitter.com/vitalyf/status/159…

(Nitter addon enabled: Twitter links via https://nitter.privacytools.io)