Michael Andreuzza articles - 250 total
Understanding the rel=’noopener noreferrer’ Attribute
If you’ve ever added target=”_blank” to open links in a new tab, you might be unknowingly leaving a...
How to create a grouped checkbox tree with Alpine.js and Tailwind CSS
Need a group of checkboxes where checking a parent also checks its children and unchecking works the...
How to create an update notification toast with Alpine.js and Tailwind CSS
In this guide, you'll build a simple update notification toast using Alpine.js and Tailwind CSS. The...
How to build an Alpine.js onboarding modal with Tailwind CSS
I've written a new tutorial on how to create an onboarding modal with Alpine.js - simple, reactive,...
Learn how to build a fully responsive testimonial carousel using Alpine.js
Testimonials tell your story better than any landing-page headline. In this walkthrough, I rebuild a...
Let's create a responsive sidebar with Tailwind CSS and Alpine.js
In this post, I break down how to create a fully responsive sidebar using Tailwind CSS and...
Let’s build a modern product details page with Alpine.js and Tailwind CSS
Learn how to build a fast, responsive product page using Alpine.js and Tailwind CSS - no heavy...
BIG NEWS: Oxbow UI is now free & MIT! Tailwind CSS & Alpine JS blocks and components.
Oxbow UI is Now Free (MIT Licensed) Hello everyone, This happened last week. We decided...
How to build a data table with sorting and pagination using Alpine JS
If you've ever needed a table that's more than just static rows, this guide is for you. On my blog, I...
Alpine JS+ Tailwind CSS Tutorial; Interactive image gallery with lightbox
Looking for an easy way to build a clean gallery + lightbox with Alpine.js? I put together a...
How to create an interactive feature section with tabs using Alpine JS and Tailwind
Here’s a simple but powerful component you can add to your toolkit: feature tabs built with Alpine.js...
How to create a multistep command bar with Tailwind CSS and Alpine JS
I put together a quick tutorial on building a multistep command bar with Tailwind CSS and Alpine.js....
How to create multiple types of notifications with Tailwind CSS and Alpine JS
Want to add clean, animated notifications to your project without heavy dependencies? I wrote a...
How to use the aspect-ratio utility in Tailwind CSS
Want cleaner images, videos, or embeds that always look good—no matter the screen size? Check out...
Need some guidance, can't fix: 1.28K of your pages aren't indexed: Server error (5xx)
Hello everyone, I have been trying to fix this by myself on my website, but after months of trying...
How to use `astro-seo` to Simplify SEO in Astro Projects
Astro is already lightning fast and SEO-friendly, but handling metadata across pages can get messy....
AI code editors and assistants for 2025
I'm still a VS Code user, but I explored how AI code editors have evolved in 2025. What started as...
How to use PagesCMS with Astro
Managing content in Astro doesn't have to be a pain. With PagesCMS + Astro content collections, you...
15+ Tailwind CSS one liners that replace CSS rules
Think Tailwind is just “bloated markup”? I used to think the same. Until I realized how many of its...
Things I have to remind myself as a developer
The most valuable developer skills often have little to do with code. They're about navigating the...
Tailwind CSS: Easy styling for websites.
Tailwind CSS v4 lets you style websites quickly with simple utility classes. It's perfect for...
Tailwind CSS background utilities guide
Learn how to create parallax effects with bg-fixed, gradient text with bg-clip-text, and master all...
How to use Obsidian to write your Astro content (zero scripts)
Want to learn how to use Obsidian for your Astro content without the mess? Simple symbolic link setup...
Tailwind CSS v4 Gradients Made Simple
Tailwind CSS v4 introduces powerful new gradient utilities that make creating stunning visual effects...
How I created and published a VS Code theme
Built my own VS Code theme to reduce eye strain and match my workflow. It's easier than you...
23 GitHub commands every developer should know
GitHub is where code lives, and Git is how we work with it. This post distills 23 essential commands...
How to use GitHub admonitions to make your markdown more readable
GitHub has support for admonitions - clean, styled callout boxes like [!NOTE], [!TIP], and...
Container Queries in Tailwind CSS
Container queries let components respond to their parent container's width instead of the whole...
Tailwind CSS v4 Cheat Sheet
Tailwind CSS v4.1 is packed with improvements . From native CSS variables and dynamic utilities to...
How to use nth-child with Tailwind CSS.
Tailwind CSS doesn’t include built-in utilities for nth-child, but that doesn’t mean you can’t use it...