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
-
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
-
Underlines Apart
On using text-underline-offset to separate underlines in nested elements.
Code
-
Feature Detection Strategies
What to do when a CSS feature is not supported cross-browser.
Code
-
:focus-visible and JavaScript
How moving focus with script affects the CSS focus-visible selector.
Code
The list above contains only the twelve most recent entries. In this section alone, there are 38 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.