Michael Andreuzza articles - 250 total
How to animate objects on scroll with Tailwind CSS and the JavaScript intersection observer API
Finally my favourite day of the week, and I'm excited to share with you a new tutorial on how to...
How to create a sidebar navigation with Astro, Tailwind CSS and JavaScript
What is a sidebar? Sidebars are a common feature in web applications, providing a way for users to...
How to create an animated navigation on scroll with Tailwind CSS and JavaScript
Why animate the navigation bar though? An animated navigation bar can add a sense of movement and...
How to create an interactive pricing table with Tailwind CSS and JavaScript
Let's get started with an interactive pricing table. Remember we did this with Tailwind CSS and...
Copy and paste cool css mesh gradients // Built for Devs
Copy and paste cool css mesh gradients // Built for Devs Copy-Paste Beautiful Mesh Gradients...
Create a sticky changelog component with Tailwind CSS
Hello everyone! Today we are building super simple but useful sticky changelog. Originally posted...
Add items to your cart with Tailwind CSS and JavaScript
Let’s recreate the same cart example using JavaScript instead of Alpine.js. Originally posted on....
Create an animated navigation on scroll with Tailwind CSS and JavaScript
Let’s recreate the navigation bar from the previous tutorial with alpinejs using instead JavaScript...
Create a bubble animation with Tailwind CSS and JavaScript
Create a bubble animation with Tailwind CSS and JavaScript. Originally posted on:...
Create a drag and drop with Tailwind CSS and JavaScript
Today we are doing something fun with JavaScript and Tailwind CSS using Sortable.js. Originally...
Create a countdown with Tailwind CSS and JavaScript
Let’s recreate the countdown timer from the tutorial with Alpine.js but with vanilla...
Create a combo box with Tailwind CSS and Javascript
Today we’ll be creating a basic combo box using Tailwind CSS and JavaScript. Super simple, without...
Why is it so difficult to paste my markdown code snippets here on Dev.to? This should change so I can write full posts.
I wanted to write my tutorials here, but whenever I paste content from Markdown, the code blocks...
Create a masonry grid layout with Tailwind CSS and JavaScript
Today, we’re going to learn how to create a masonry grid layout using Tailwind CSS and...
Create a tag input with Tailwind CSS and JavaScript
Recreating the tag input from the previous tutorial in with Alpine.js but with vanilla...
Change background color on scroll with Tailwind CSS and JavaScript
Today Sunday we are doing a short tutorial on how to change the background color of a header and...
Create vertical tabs with Tailwind CSS and JavaScript
Let’s create a simple vertical tabs component using Tailwind CSS and JavaScript. Originally posted...
Create a scroll progress bar with Tailwind CSS and Javascript
Today we are starting a new series of tutorials, but with a twist. We are leaving Alpinejs behind and...
create a basic music visualizer Cith Tailwind CSS and JavaScript
Today we’re going to grab out dancing shoes, because we’re going to create a basic music visualizer...
Create an interactive color-shifting hover card with Tailwind CSS and JavaScript
Today we are going to learn how to create an interactive color-shifting hover card using JavaScript...
Create a typography component with variants with Astro JS and Tailwind CSS
Hello everyone, today we are making a typography component for your Astro Js and Tailwind CSS...
Create a button component with variants and icons with Astro JS and Tailwind CSS
Create a button component with variants and icons with Astro JS and Tailwind CSS Hello everyone!...
Create a responsive table with Tailwind CSS
Hello everyone! Today we are going to create a responsive table using Tailwind CSS. This tutorial...
Create an expandable image gallery with Tailwind CSS
We are going to create an expandable gallery with Tailwind CSS. no Js not Alpine.js, super simple yet...
Create animated image cards with Tailwind CSS and Astro JS
Create animated image cards with Tailwind CSS and Astro JS Let’s elevate your website with a...
Create a password strength meter with Tailwind CSS and JavaScript
Let’s recreate the same password strength meter using JavaScript instead of Alpine JS. Originally...
Create an interactive testimonial with Tailwind CSS and AlpineJS
Create an interactive testimonial with Tailwind CSS and AlpineJS Let's build a fun testimonial with...
Create an animated navigation on scroll Tailwind CSS and Alpine JS
Today we are going to create an adaptable navigation on scroll with Alpinejs and Tailwind CSS within...
Create an interactive pricing table with Tailwind CSS, and Alpine JS
This tutorial delves into creating a responsive and interactive pricing table component, leveraging...
Create a dynamic multiple step form with Tailwind CSS and Alpine JS
Hello everyone, today we are going to create a dynamic multi-step form using Tailwind CSS and...