Using CSS Custom Properties and Logical Properties Together
How to combine custom properties and logical properties for layout super powers.
Keep reading Using CSS Custom Properties and Logical Properties Together
The Link with rel=preload is a Seperate Thing
Note to self.
How to have Dark & Light Mode Images that also works with User Choice
When we added a ‘dark mode’ to PBS.org’s appearance, we wanted to allow users to have a choice to turn it on. That introduces some complexities that you need to account for.
Keep reading How to have Dark & Light Mode Images that also works with User Choice
Don’t use Viewport Units for Font Size on their own
Be sure to pair viewport units with a relative unit when using them on font sizes, or you’ll introduce an accessibility issue.
Keep reading Don’t use Viewport Units for Font Size on their own
A little known Media Query: Aspect Ratio
Did you know? You can make a media query based on a viewports aspect ratio, not just it’s width.
CSS min(), max() and clamp() Functions
A quick look at the relatively new, but well supported, min(), max() and clamp() functions and how you might use them.
Pointer Events and Inline Elements in Chrome
Something interesting I learned about using pointer-events and Chrome on inline elements.