Now that we've set up the baseline, let's see how much we can improve it. Enable a cache plugin # We will first install a Cache Plugin to make easier to cache different portions of the website. I will...
It surprising to me that we still need to discuss font loading on the web after how long we've been able to load fonts using @font-face. Before we jump in let's do a brief trip down font loading...
In a previous posts, I discussed the basic of streams and how to use them,how to use them in service workers, and how to build custom streams. This post will cover an additional area of interest:...
I think ch units in typography are cool, but there was something about them that I hadn't thought about and is something that may impact your site's performance metrics. This post will explore ch...
Scopped CSS has been a hot topic in front-end development. It is designed to give you tighter control over your styles and how they interact with each other. The @scope at-rule # The @scope root...
Performance is important. Performance will keep people coming back to your site. Performance is very hard to get right, specially for mobile devices. I'm particularly interested in seeing how my blog...
Since color-mix() is now available in all browsers we can revisit what it is, how it works and one possible use in creating a customizable color palette. What is color-mix() # The color-mix() function...
The @layer at-rule manages CSS cascade layers, a way for authors to control specificity and order of appearance. This is important because those are two determining factors a browser considers when...
Thanks to Kevin Powell and his video for showing me how to do a trick that has always intrigued me. The idea is that we have a border color that fades to transparent or invisible. This will take two...
While I was researching gradients, I came across a couple of interesting features introduced in the CSS Color Level 4 specification You can specify the color you want the gradient to run on. This is...