Responsive Auto-Fill Grid with Tailwind Utility
This custom Tailwind utility creates a responsive grid that automatically fills the available space with as many columns as possible. The minimum column width is controlled by the number you…
Adjust Color Opacity
Easily create a semi-transparent version of any color using color-mix(). This CSS function blends two colors in a specified ratio. In this example, currentColor is mixed with transparent at 50%, creating a softer, partially transparent effect that adapts to the element’s text or border color.
.something {
color: color-mix(in srgb, currentColor, transparent 50%);
}Credit: una.im/color-mix-opacity
How to Reset a Single File in Git
If you've made changes to a file and want to discard them, you can use git checkout to restore it to the version from the last commit. This is useful when you want to undo changes that haven't…
Convert Image to WebP
Quickly convert a PNG image to the modern WebP format using the cwebp CLI tool. This command sets the output quality to 80%, striking a good balance between file size and visual clarity…