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
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…
Build a Search Query String in JavaScript
PHP has http_build_query and I never forget it. JavaScript's URLSearchParams does the same thing but doesn't filter empty values or prepend ?. This helper wraps it into something you can…