#CSSence #AdventCalendar Day 24

A CodePen that may contain traces of Media Queries Level 5 completes the calendar.

»Media Queries Test Page«
https://cssence.com/2024/media-queries-including-level-5/

#CSS #MediaQueries

#CSSence #AdventCalendar Day 23

It started with a talk at CSS in Graz, and led to two essays and two extras, one of which has been my contribution to the HTMHell Advent Calendar.

»Forced Colors Mode Futility«
https://cssence.com/2024/forced-colors-mode-futility/

2024 has clearly been a #ForcedColorsMode year for me.

#A11Y #CSS

#CSSence #AdventCalendar Day 22

Can you spot the use of the `color-scheme` property in this CSS System Colors test page?

»CSS System Colors«
https://cssence.com/2024/css-system-colors/

#CSS SystemColors #Test

#CSSence #AdventCalendar Day 21

Call `stopPropagation` twice …

»Form label event bubbling«
https://cssence.com/2024/form-label-event-bubbling/

#HTML #JS

#CSSence #AdventCalendar Day 20

With all my doings and undoings in 2024, it’s almost as if I’ve been redesigning in the open after all.

»Redesigning in the open«
https://cssence.com/2024/redesigning-in-the-open/

#WebDev #Redesign

#CSSence #AdventCalendar Day 19

The day I chose a questionable bit of added functionality over semantic correctness:

»Web Share API meets A11Y«
https://cssence.com/2024/web-share-api/

#A11Y #JS #WebShareAPI

#CSSence #AdventCalendar Day 18

The author of »Six levels of Dark Mode« also has six strategies for Forced Colors Mode:

»Forced Colors Mode Strategies«
https://cssence.com/2024/forced-colors-mode-strategies/

#CSS #ForcedColors

#CSSence #AdventCalendar Day 17

Today’s entry happens to be my most recent article, which already made it into several newsletters.

»Character-based alignment«
https://cssence.com/2024/text-align-decimal/

#CSS #Tabular #Alignment

#CSSence #AdventCalendar Day 16

Every responsive journey starts without media queries.

»Not always mobile first«
https://cssence.com/2024/not-always-mobile-first/

#CSS #ResponsiveDesign

#CSSence #AdventCalendar Day 15

No distorted images, thank you.

»aspect-ratio Gotcha!«
https://cssence.com/2024/aspect-ratio-gotcha/

#HTML #CSS