Michael Andreuzza articles - 250 total
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...
How to build flexible layouts with calc() with Tailwind CSS
If you’re building with Tailwind CSS, mastering calc() is a game changer. This post shows how to use...
Why I started using Git tags for all my projects.
After managing 30+ themes through major updates, I discovered how Git tags became essential for...
How to add a claude help button to your website with JavaScript
Looking to enhance your website's support experience? Here's a step-by-step guide to implement a...
Creating smart documentation with ChatGPT integration using JavaScript
Transform your documentation and support pages by integrating a smart AI helper that provides...
Convert HTML to Markdown in JavaScript for Projects with Astro and Tailwind CSS
Creating modern websites with Astro and Tailwind CSS? This JavaScript utility offers an elegant...
Building a a multi-theme toggle with Astro and Tailwind CSS v4
For many web developers, dark mode has become essential for modern web applications, but what if you...
How to create a three-state theme toggle with astro: light, dark, and system preference
Most websites today offer a simple light/dark mode toggle, but users expect more. They want their...
How to add a claude help button to your website with JavaScript
Want to make your help pages more useful? Here's how to add a smart button that opens Claude with...
How to add an ask ChatGPT button to your documentation with JavaScript
Want to make your help pages more useful? Here's how to add a smart button that opens ChatGPT with...
How to Convert HTML to Markdown with JavaScript for Astro and Tailwind CSS Projects in one click!
Building modern websites with Astro and Tailwind CSS? You'll love this JavaScript solution that...
How to add items to your cart with Tailwind CSS and JavaScript
A quick refresh: What are add to cart buttons and what do they do? Add to cart buttons are used to...
How to create a TODO with Tailwind CSS and JavaScript
A refresh of what a todo app is A TODO is a list of things that need to be done. It's a great way to...
How to create a Login/Register Form with Tailwind CSS and JavaScript
How to create a Login/Register Form with Tailwind CSS and JavaScript What are authentication...
How to a create a scroll progress bar with Tailwind CSS and Javascript
What is a scroll progress bar? A scroll progress bar is a bar that shows the progress of the user’s...
How to create a flyout menu with Tailwind CSS and JavaScript
What are Flyout Menus? A flyout menu is a type of menu that appears when a user clicks on a button or...
How to create an interactive testimonial with Astrojs, Tailwind CSS and JavaScript
What are testimonials? Testimonials are a great way to showcase your work and build trust with...