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
Rename PNG Files to Random UUIDs
A simple Bash script that renames all .png files in the current directory using randomly generated lowercase UUIDs. It ensures uuidgen is installed before execution and skips renaming if no…
Delete All Local Branches Except main
A handy one-liner to clean up all your local Git branches except main. It uses -D to force-delete each branch, even if it hasn’t been merged—so be careful. If you want a safer version…