JS conditional (ternary) operator
Javascript provides a way to shortcircuit if/else statements with the conditional or ternary operator. the idea is that we consolidate the three parts of the if statement in one command, like shown...
An Interesting Image CSS Reset
I came accross reset from Harry Roberts (from Twitter/X) via (Kevin Powell's YouTube video). I've adapted the reset by eliminating the low quality image resource. I don't need the low quality images...
For when you know you will print
There are times when we know that users will print a page of web content. Maybe a set of directions for a recipe, a map with directions or a page of information that we want to preserve. While it's...
Defining multiple syntax in CSS variables
In Revisiting Custom Properties we looked at how to define custom properties using the @property at-rule. One aspect of @property that we didn't discuss are the syntax multipliers and...
Revisiting Critical CSS
Crtical CSS is simple in theory but not so much in execution. In this post we'll look at what critical CSS is, how does it work and whether it's still necessary for all use cases. What is Critical CSS...
Checking web compatibility
When working with web content, it is important to check what browsers your content is compatible with. There are three ways to do this: Web UI # caniuse provides a basic compatibility table for most...
Playing with relative color syntax in CSS
Relative color syntax gives developers a lot of power to control the colors we use in our pages. In this post I will base the examples on code from CSS relative color syntax by Adam Argyle. I will try...
OKLCH as my new deafult color space
CSS Colors Level 4 introduced new syntactic sugar to color functions. It also added 14 different color spaces and ways to define colors. The one thca caught my attention is the OKLCH color space. In...
Fixing Issues With Pre-formatted Inline Text
While researching about using resets as the basis for custom project defaults, I came accross this solution to a problem I was having. pre, code, kbd, samp The font-family: monospace, monospace hack...
Migrating from WordPress to Eleventy (part 4)
There are more areas I'm working on as I move from WordPress to Eleventy that, in my opinion, are easier to do with a static site generator. There is still more to work on as I've officially moved the...