HTTP Headers and Responsive Images
This is an old one but it still worries me and made me search for a possible solution in the context of web APIs without requiring a Node package manager or a Node infrastructure. I never want to make...
Home
Centering with Flexbox
One of the most frustrating things for me is how to center things using CSS. There are many ways to do it and everyone disagrees with everyone else. It is also true that there is no one-size-fits-all...
New code for old browsers: Babel
One of the coolest things that, in my opinion, has happened in front end development is the concept of transpilation. You can transpile third-party languages like Dart or TypeScript or you can take...
Learning to query and read CrUX data
I've decided to take another look at BigQuery in the context of the Chrome User Experience Report or CrUX. The idea is that Google, through the Chrome team and tools they make available to developers,...
WordPress Child Themes: Refresher
Every so often I want to explore new WordPress themes for my blog without having to start from scratch using Underscores. At the same time, I want the flexibility of customizing the theme without...
Exploring Canvas
In its simplest form <canvas> can be used to draw graphics via scripting (usually JavaScript). This can, for instance, be used to draw graphs, combine photos, or create simple (and not so...
Testing javascript in the browser without the browser
There are times that we want to test snippets of Javascript code in different browsers to make sure that it works as intended in all our target browsers. I've always fired the browsers and pasted the...
JS Goodies: Nullish Coalescing and Optional Chaining
One of the things I like about the annual release schedule for Javascript is that the learning curve for new versions is much smaller than ES2015/ES6 and previous versions. Two of the features that...
pre-commit hooks (an update)
This is a different take on hooks from Pre Commit Hooks: Combating Laziness, written two years ago There are times when it would be awesome if we could force ourselves (or our development team) to...
prefers-color-scheme in CSS and Javascript
prefers-color-scheme is geared towards accommodating user preferences. With prefers-color-scheme we can control the color scheme we use based on the operating system preferences for the user. It...