Subresource integrity: what it means and how it works
When you use libraries like jQuery from CDN, you will see code like when you get the CDN link: <script src="https://code.jquery.com/jquery-3.6.2.min.js" ...
Locale-aware string splitting
In Javascript, the intl object provides several locale-aware tools to work with in Javascript. One of those tools is the segmenter object. The segmenter object enables locale-aware segmentation from a...
Measuring Performance Tasks with Playwright
As I was writing my previous post about Playwright and writing tests I came across an article that explained how to run performance measurements inside Playwright tests. Core Web Vitals # The example...
Inspecting a font with fontkit.js
Several times I've found myself working with fonts where I want to know what's available in the font without using tools like Wakmaifondue. Recently, I discovered fontkit.js, a tool that will read and...
Interesting things you can do with the console
Most of the work I've seen done in the console is limited to console.log. There is a lot more that you can do with the console. There's even a living standard hosted at WHATWG. Most of the time we...
Better color contrast on the web
A little bit of background. The W3C chartered the Web Accessibility Initiative as the central place to gather information, research, best practices, and standards (recommendations in W3C talk) for...
Updates to @font-face (part 2)
After looking at format() and tech() (discussed in the Updates to @font-face) I thought it would be good to look at other aspects of the @font-face at-rule that changed or are new since the last time...
Updates to @font-face
@font-face has been around for a while and it works fine for the existing monochrome, one file per style, fonts. CSS Fonts level 4 introduced a new property related to font types (tech()) to the src...
Adding fonts to theme.json for WordPress 6.x
Starting in WordPress 6.1 fonts can be fully defined in theme.json including adding variable fonts to the list of available fonts. The fontFace syntax in the theme.json file is very similar to what...
Populating a theme for testing
When you start a new site for developing the site has no data and there is no way to see what the theme would look like with content in it. We will discuss three approaches to populating a theme with...