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...
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...
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...
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...
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...
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...
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...
In the past, we've had to write media queries that check for screen/device width as something like this. This query checks if the screen has a minimum width of 768px @media (min-width: 768px) { ...
Warning: This feature is only supported behind a flag in Chromium browsers since version 85 and, as far as I know, there is no polyfill. Do not use this feature in production. The...
Of all the new features the one I've been researching is @custom-media. Custom media queries allow you to create, in essence, create variables in CSS where we associate a name with a media query and...