Code snippets
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
-
Color scheme switcher
HTML-only and beyond: Automatic, light, or dark color scheme.
Code
-
CSS-only bottom-anchored scrolling area
I’ve added an additional wrapper to Kitty Giraudel’s CodePen.
Code
-
aspect-ratio Gotcha!
Be careful when you want to use aspect-ratio on an image element that has width/height attributes.
Code
-
Relative CSS units
Quite a few more units have entered the picture.
Code
-
Media Queries Test Page
May contain traces of Media Queries Level 5.
Code
-
Firefox and Ellipsis
Is ellipsis shown randomly inside a flex container?
Code
-
accent-color is no CSS variable, revisited
But did you know there are also AccentColor and AccentColorText?
Code
-
:has() Has Landed
At long last, I’ve added a dash of :has() to my site.
Code
-
Caption Placement
TIL about caption-side, and now I’m wondering how it affects acccessibility.
Code
-
Animating Emojis
Lots of moon phases. Welcome to outer space.
Code
-
@supports and vendor prefixes
No code duplication needed when vendor prefixes are involved.
Code
-
Drop Caps with initial-letter
Do we still need floats to create a large first letter in a paragraph in 2023?
Code
The list above contains only the twelve most recent entries. In this section alone, there are 41 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.