Snippets

Multiple Details Tags With Name Attribute

Mix Blend Mode with Video Background

Marquee with Pause on Hover

Animated Border

Make your CTA more engaging with this animation.

Boost website speed with WebP images

Leverage the .webp format to reduce image sizes and enhance your website's loading speed and overall performance.

Masonry Layout

Create a responsive Masonry layout using pure CSS for seamless, grid-like designs that adapt to varying content sizes.

Hide Admin Bar

Disable Gutenberg and keep the classic editor

Trim String

Learn how to trim unwanted spaces from strings using JavaScript for cleaner text handling.

Center a Div

There are many ways to center a div. I'll show you 4 (modern ways) to center a div horizontally and vertically, including my favorite - via flexbox.