Doing web development used to be simple. All we needed was a text editor and either good knowledge of HTML, CSS, and Javascript or bookmarks on your browser pointing to Eric Meyer’s CSS resources on...
I've told myself for a while that I would learn how to write and use tests for front-end code. Most of the code and tutorials I've seen are written for backend code. But using tools like Playwright...
In Do you know where your third parties are going? we discussed part of the problem: How to measure the additional impact these scripts have on our site's performance when they add more scripts that...
The idea of a performance budget is to set the performance goals for the site. What is a performance budget? # There are multiple definitions of what's a performance budget. According to Performance...
now that CSS Grid has become better supported in all major browsers, it is time to look at some of the more whimscal layouts that are possible. This post will look at the following areas: Positioning...
A while back I wrote about color.js a color manipulation library by Lea Verou. Chroma.js is another color manipulation library that allows you to manipulate colors in a natural way without using...
Two new proposals to import non-Javascript resources in Javascript modules are reaching stage 3 in the TC39 process, meaning that implementations are already available or will be available soon. This...
The CSS Color Level 5 specification defines a way to provide contrast between background and foreground colors. The color-contrast() function takes the followng arguments: A color for the...
CSS is adopting a lot of new features that in the past were only available in pre-processors or via Javascript. One of those features is the ability to lighten and darken colors like SASS darken() and...
In The File System Access API: simplifying access to local files, the authors describe how to use the API to create file management functionality for web applications The idea is that we'll be able to...