Different strategies for using @support
The @supports at-rule allows us to test if something is supported in CSS. The version of @supports that we see most often is testing for a rule inside a selector. @supports (display: grid) { /* ...
Coding CSS defensively
When working with CSS technologies, we may be in situations where not all browsers support a given property and we need to code around this partial support for the feature we're testing. To me, this...
Underestanding writing modes
In the last post, we discussed logical attributes and how they depend on the vertical and horizontal directions of the text. In this post we'll look at the writing-mode CSS attribute and the direction...
Working with logical properties and writing modes
When the web first came about, it was primarily in English and we didn't have to worry about laying out content for other languages. But now the web has become universal. Unicode covers most, if not...
Creating editable live code for presentations
I'm starting to look at creating web-based presentations again and looking at the alternatives. My two favorite presentation engines/frameworks are Reveal.js and Inspire.js. Both frameworks have the...
Numbering sections of content
There are times when we need to number things that are not ordered list. The best example, from my experience, is numbering sections of content in the h1 element serving as the title for each section...
Defining custom properties from Javascript
When I was writing a previous post, I wanted to create custom properties in Javascript that I could use in CSS based on the result of running color.js to convert colors and then test if the browser...
Import non-Javascript assets into ES Modules
This article updates Importing JSON and CSS on Javascript and corrects come mistakes from the previous post. In Importing JSON and CSS on Javascript we discussed the ability to import CSS and JSON...
Generic Blog (Web) Components: Introduction and Blog Posts V1
A while back I wrote a set of Vue 2 components for a WordPress blog. It wasn't a complete project, was missing functionality that I couldn't figure out how to implement and I was afraid it would lock...
New and Upcoming CSS: Revisiting Cascade Layers
CSS layers resolve another problem with CSS specificity and rule order. as I documented in: Looking forward: CSS Layers and the @layer at-rule CSS Layers or Cascade Layers are a way to group styles...