Evaluating browser support
Talking about web browser support for a given CSS or Javascript is deceptively simple. This post will explore a definition of browser support, different strategies to support a feature accross...
Custom Media Queries
When working with media queries is that we can't reuse media queries. A naive approach is to define the value as a CSS variable in the :root pseudo-class. :root { --width: 20em; } And then use the...
text-trim in CSS
This post will discuss leading, how to control it in CSS and the new text-box-trim property. Leading is the space between blocks of text; the term comes from the strips of lead that were used to...
Basic Performance Analysis (4) - User perception
Most of the time we measure the time it takes for a page to load, the number of requests, the size of the assets, etc. But we often forget that the user's perception of performance is not always...
Basic Performance Analysis (3) - Lighthouse
This post will explore what is Lighthouse, how to use Lighthouse in Chrome DevTools and Pagespeed Insights and some of its drawbacks and benefits. What is Lighthouse? # Lighthouse is an open-source,...
Basic Performance Analysis (2) - Core Web Vitals
Core Web Vitals are the subset of Web Vitals that apply to all web pages, should be measured by all site owners, and will be surfaced across all Google tools. This post will explore Coree Web Vitals,...
Basic Performance Analysis (1) - WebPageTest
Performance has become a very important part of the development process. It is not always easy to do and it's even harder to do it right. This post will cover some basics of performance as I...
Breaking Down Long Tasks In Javascript
Over time I've read over and over that we should break down tasks in Javascript to avoid blocking the main thread but I never really understood how to do it. This post will explore one way to break...
Shalow Versus Structured Clones in Javascript
In JavaScript, cloning refers to creating a copy of an object or data structure. Depending on the method used, the clone may be shallow (basic duplication) or deep (comprehensive duplication). A...
Building a custom build system
Rather than using a third-party build system we can create our own custom system tailored to our requirements. This allows us to have more control over the build process and customize it to our...