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...
Blocking Google from indexing your site
There are times when you don't want Google search to index specific pages on your site. It may be because these are private pages that, for some reason, are not password protected; or the site needs...
Using media queries in Javascript
Most of the time media queries in CSS will work fine for what we want to do but there are times when just having the media queries will not be enough. The first example that I can think of is doing...