Extras
Source code sandbox.
Index
Demo or it didn’t happen. Creating self-explanatory examples is by far the best way to convey ideas. While the blog posts listed below provide the background information for each code example, the actual code is hosted on CodePen.
Latest posts
-
Not to mention
I wrote .something about how to (not) select an ancestor, which turned out rather .specific.
Extra
-
Mixing colors in Forced Colors Mode
Firefox does perform a color-mix in Forced Colors Mode if all colors in the mix are CSS system colors.
Extra
-
Form label event bubbling
Call stopPropagation once, shame on you. Call stopPropagation twice, …
Extra
-
Animating Emojis
Look into the camera. Say ‘Cheese’!
Extra
-
Web Share API meets A11Y
A Progressive Enhancement conundrum.
Extra
-
Hyphenation
Consistent browser behavior, but still hard to grasp.
Extra
-
Display flow-root
The end of the clearfix hack, and more.
Extra
-
Superior Range Syntax
One more thing about the improved viewport size media queries.
Extra
-
Color scheme switcher
HTML-only and beyond: Automatic, light, or dark color scheme.
Extra
-
CSS-only bottom-anchored scrolling area
I’ve added an additional wrapper to Kitty Giraudel’s CodePen.
Extra
-
aspect-ratio Gotcha!
Be careful when you want to use aspect-ratio on an image element that has width/height attributes.
Extra
-
Relative CSS units
Quite a few more units have entered the picture.
Extra
The list above contains only the twelve most recent entries. In this section alone, there are 49 blog posts, and there are other sections on this site. To see what else is going on, you may want to head over to the home page or browse using the navigation below.