Dealing with third-party libraries
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...
Performance Budgets
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...
Basic grid layouts
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...
Chroma.js. Another color manipulation library
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...
Importing JSON and CSS on Javascript
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...
Color Contrast in CSS
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...
Lightening and darkening colors with CSS
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...
File Handling Access API
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...
Editor As A PWA
In 2021 I thought of building a text editor based on Monaco and built as an Electron application was a good idea. Rather than wrap Electron around the app, I will try to build an editor again but make...
Building a PostCSS workflow (part 2)
In the last post, we built a basic PostCSS workflow using Gulp. This post will cover additional features that are nice to have in a workflow but are not required to run it. We will also look in some...