Links
8 Best Practices for Perfect CSS Documentation
In the world of CSS, documentation is underused. Since documentation is not visible to the end user, its value is often overlooked by clients. Also, if it’s your first time documenting code, it can be difficult to determine what to document and how to do it most effectively.
The Spectre Attack and Critical CSS
Due to recently disclosed security vulnerabilities for nearly all computers, you should disable any JavaScript cookie manipulation on your website (e.g. when using the critical CSS technique) by setting your cookies to be SameSite and HttpOnly on the server, as recommended on the Chromium wiki. Otherwise, sensitive data, like session keys, may be exposed to malicious third parties.
How Do I Increase Accessibility?
How do I make my site’s structure the most accessible to the most people?
Great question from Eric Meyer, and for once you should read the helpful replies in the comments.
Can Preload Cut the Mustard?
While we can indeed "cut the mustard" using
link[rel=preload], browser support forpreloadis still not very broad. If we wanted to use it to qualify our script loading across all browsers, we'd need to test for support and provide a fallback.... and that means a little more JavaScript.
What’s New in HTML 5.2?
Of all the changes in HTML 5.2, I’m the most excited about the introduction of the
dialogelement, for creating native modals.
Videos
A Tale of Four Properties by Chris Coyier
There are some values in CSS that allow you to create shapes. For example, you can use the clip-path property and the circle() function to clip and element in a circle of your liking. A circle is a "basic shape" in CSS, just as it is in SVG, and you can use these basic shapes as values for a number of CSS properties. Basic shapes don't include "path" though, which is the ultimate vector defining syntax. In a strange twist, path() does exist in CSS, in places that don't support basic shapes!