Masonry layouts with CSS
Masonry layouts are interesting and a challenge to do with existing web Javascript since there's no way to do it natively with HTML and/or CSS. Masonry is a grid layout based on columns. Unlike other...
Building an xAPI profile
One thing that particularly caught my attention when researching xAPI and SCORM was the xAPI Activities. An activity is a group of verbs and activities that describe actions specific to a group or a...
Using Gettext based translations in Node
When working with WordPress, one of the things I enjoyed was how easy it made it to use Gettext-based translation tooling and functionality to localize themes and plugins. I was thinking that it would...
Leveraging local fonts
Note # This feature needs an Origin Trial Key for your origin. If you choose not to go for an Origin Trial then you and your users will need to enable the Font Access APIs flag (#font-access) in...
(Re)learning how to use VoiceOver
I was rereading I Used The Web For A Day Using A Screen Reader and realized that it's been a while since I last used VoiceOver (the built-in screen reader for Mac) to proof the content of my posts and...
CSS Media Queries in Javascript
Since a lot of work we do in CSS we actually do in Javascript, I thought it would be good to research how we can do media queries in JS too. There are two ways to work with media queries. The first...
Writing topic-based content
Topic-based documentation is content broken down into topics; small reusable chunks of content that can be reused in multiple documents. I try my best to write as if the document was topic-based. Some...
Linting WordPress PHP files
While I've been doing WordPress theme development I've also been working on getting PHPCS (PHP Code Sniffer) to work properly on my projects. I think I've finally got it. As usual, I was making things...
Playing with the filesystem API
There have been multiple attempts at getting a Filesystem API on the web. The one I'm referring to in this post is a Chromium-only feature available without a flag since Chrome 86, not the old-style...
Running Lighthouse Programmatically
In addition to the DevTools menu and the Chrome extension and the Lighthouse CLI, there are ways to use Lighthouse programmatically in ways that would be too time-consuming to do with the lighthouse...