Dark and light mode websites – prefers-color-scheme: CSS Media Query

One device and app feature I’ve come to appreciate is the ability to change between light and dark modes. If you’ve ever done late night coding or reading, you know how amazing a dark theme can be for preventing eye strain and the headaches that result. macOS recently implemented a native dark mode but that mode doesn’t convert websites to a dark interface, so you’re still getting a bright site regardless of native theme. Wouldn’t it be amazing if websites would also go dark or light based on user’s system preference?

Source: prefers-color-scheme: CSS Media Query

Portainer Community Edition – Docker UI tool

Portainer Community Edition (Portainer CE) is a lightweight management toolset that allows you to easily build, manage and maintain Docker environments. Created by experts, Portainer CE (the open core of Portainer) is an opinionated toolset that captures years of experience to allow you to reliably and quickly create, operate and trouble-shoot your Docker environments.
www.portainer.io/products-services/portainer-community-edition/

Variable fonts guide – CSS: Cascading Style Sheets | MDN

Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. They let you access all the variations contained in a given font file via CSS and a single @font-facereference. This article will give you all you need to know to get you started using variable fonts.
developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide