Testing is paramount when building sites to ensure the user’s experience is consistent and of course — works. One of the tools in testers’ toolkit is Google Lighthouse. In this post, learn how to automate Google lighthouse results using Node.js.
The CSS preload/polyfill pattern is something I often see developers do to boost performance. This approach loads any stylesheets as preloads instead, and then use their
onload events to change them back to a stylesheet once the browser has them ready. 2 problems with this & most are doing it wrong. Here’s the RIGHT way to async CSS.
Responsive CSS tables can be a pain and there’s some definite downsides to them, but if you must, here’s how to make tables responsive with minimal CSS.
There’s several techniques for defining dynamic circular shapes in HTML and CSS, each with pros and cons. Here’s a few techniques for CSS circles.
Automated accessibility tests like Lighthouse are great, but don’t forgot there’s still some other manual checks you need to do to ensure compliance.