Snippets

All HTML CSS JavaScript WordPress

Animated Border

Make your CTA more engaging with this animation.

Category: CSS

Boost website speed with WebP images

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

Category: HTML

Masonry Layout

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

Category: CSS

Trim String

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

Category: JavaScript

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.

Category: CSS