Michael Andreuzza - DEV Community

Michael Andreuzza

Nov 5

How to Create an interactive color-shifting hover card with Tailwind CSS and JavaScript

#javascript #animation #tailwindcss #tutorial

1 min read

Michael Andreuzza

Nov 4

How to create a bubble animation with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial #animation

1 min read

Michael Andreuzza

Oct 30

How to create a dynamic multiple step form with Tailwind CSS and Alpine JS

#alpinejs #tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Oct 28

How to create a typography component with variants with Astro JSand Tailwind CSS

#astro #tailwindcss #webcomponents #typography

1

1 min read

Michael Andreuzza

Oct 24

How to upgrade an Astro JS project from Tailwind CSS v3 to Tailwind CSS v4 ( Alpha )

#tailwindcss #astro #tutorial #vite

1

1 min read

Michael Andreuzza

Oct 21

How to create a masonry grid layout with Tailwind CSS and JavaScript

#javascript #tailwindcss #design

2

1 min read

Michael Andreuzza

Oct 10

How to create a particle text effect with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Oct 9

How to create a circular menu with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Oct 8

How to create a confetti animation effect using JavaScript

#javascript #webdev #animation #tutorial

2

1 min read

Michael Andreuzza

Oct 7

How to create a typewriter effect text animation with Tailwind CSS and JavaScript

#tailwindcss #javascript #tutorial

1 min read

Michael Andreuzza

Oct 2

How to create a button component with variants and icons with Astro JS and Tailwind CSS

#tailwindcss #astro #javascript #tutorial

1 min read

Michael Andreuzza

Sep 27

How to build a custom video player with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Sep 23

How to create a virtual keyboard with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Sep 20

How to build a lazy-loading image gallery with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Sep 18

How to create a basic music visualizer with Tailwind CSS and JavaScript

#javascript #tailwindcss #music #tutorial

1

1 min read

Michael Andreuzza

Sep 16

How to create a basic Kanban board with Tailwind CSS and JavaScript

#javascript #productivity #tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Sep 15

I created Kromatika, a color palette NPM package in multiple formats

#npm #design

1 min read

Michael Andreuzza

Sep 13

How to create a combo box with Tailwind CSS and Javascript

#javascript #tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Sep 11

How to create a basic drawing tool and save to PNG with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Sep 9

How to create a skeleton loading screen with Tailwind CSS and Javascript

#tailwindcss #javascript #tutorial #skeleton

3

1 min read

Michael Andreuzza

Sep 6

How to create an image comparison slider with Tailwind CSS and JavaScript

#tailwindcss #javascript #tutorial

2

1 min read

Michael Andreuzza

Sep 5

I made an app to convert Tailwind V3 colors as objects to Tailwind V4 as Posts So

#tailwindcss #webdev #css

1

2

1 min read

Michael Andreuzza

Sep 4

How to create a password strength meter with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Sep 2

How to create persistent tabs with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Aug 30

How to create a password strength meter with Tailwind CSS and Alpine JS

#alpinejs #tailwindcss #tutorial

1 min read

Michael Andreuzza

Aug 29

How to create persistent tabs with Tailwind CSS and Alpine JS

#tailwindcss #tutorial #alpinejs

1

2

1 min read

Michael Andreuzza

Aug 27

How to create infinite scrolling with Tailwind CSS and JavaScript

#tailwindcss #javascript #api #webdev

1

1 min read

Michael Andreuzza

Aug 26

Introducing — Windstatic 2.0 Premium components, elements and layouts. — Crafted with Tailwind CSS and Alpine JS.

#tailwindcss #webcomponents

1 min read

Michael Andreuzza

Aug 26

How to use the HTML output tag for displaying the result of a calculation.

#html #javascript #a11y #webdev

1 min read

Michael Andreuzza

Aug 25

How to use the HTML datalist tag

#webdev #a11y #html #staticwebapps

1

1 min read

Michael Andreuzza

Aug 23

How to use the HTML ruby element for enhanced text annotations in HTML

#a11y #html #css #tailwindcss

1

1 min read

Michael Andreuzza

Aug 22

How to use the HTML mark tag for highlighting text

#a11y #html #css #tailwindcss

1 min read

Michael Andreuzza

Aug 21

How to use the time tag for displaying time in an accessible way

#webdev #a11y #html #css

2

1 min read

Michael Andreuzza

Aug 20

How to create an accessible measurement display using the <meter> tag

#webdev #html #css #tailwindcss

1 min read

Michael Andreuzza

Aug 19

How to create interactive and accessible content with the <details> element

#javascript #html #tailwindcss #a11y

1 min read

Michael Andreuzza

Aug 15

I’ve wrote 90 tutorials on Tailwind CSS, Alpine JS and JavaScript — Code available

#tutorial #javascript #tailwindcss #alpine

6

1 min read

Michael Andreuzza

Aug 14

How to create a JavaScript-Free animated accordion FAQ section with only Tailwind CSS

#html #tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Aug 13

How to create a JavaScript-Free dismissible notification with only Tailwind CSS

#tailwindcss #tutorial #html

1 min read

Michael Andreuzza

Aug 12

How to create a JavaScript-free modal popup with only Tailwind CSS

#tailwindcss #tutorial

1

2

1 min read

Michael Andreuzza

Aug 11

How to create a flyout menu with submenu using only Tailwind CSS

#tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Aug 10

How to create a responsive bento grid with Tailwind CSS

#tutorial #tailwindcss

2

1 min read

Michael Andreuzza

Aug 8

How to keep your footer at the bottom of the page with Tailwind CSS

#tailwindcss #tutorial

1 min read

Michael Andreuzza

Aug 7

How to create a calendar layout with Tailwind CSS

#tailwindcss #tutorial

3

1 min read

Michael Andreuzza

Aug 6

How to create a responsive multi-column layout with Tailwind CSS

#tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Aug 5

How to create a responsive table with Tailwind CSS

#tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Aug 4

How to create an animated avatar stack widget with Tailwind CSS

#tailwindcss #tutorial

1 min read

Michael Andreuzza

Aug 2

How to create a ribbon for a pricing card with Tailwind CSS

#tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Aug 1

How to create a bottom navigation with Tailwind CSS

#tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Jul 31

How to create an animated expanding search bar with Tailwind CSS

#tailwindcss #tutorial

1 min read

Michael Andreuzza

Jul 29

How to create an animated background gradient with Tailwind CSS

#tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Jul 26

How to a create a color picker with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1 min read

Michael Andreuzza

Jul 13

How to create an animated toggle with Tailwind CSS

#tutorial #tailwindcss

5

1 min read

Michael Andreuzza

Jul 11

How to create an animated input field with Tailwind CSS

#tailwindcss #tutorial

4

1 min read

Michael Andreuzza

Jul 8

How to create an animated profile card with Tailwind CSS

#tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Jul 4

How to create an animated envelope with Tailwind CSS

#tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Jul 2

How to a loader with Tailwind CSS

#tailwindcss #tutorial

2

1 min read

Michael Andreuzza

Jun 28

How to create a card with animated background with Tailwind CSS

#javascript #tailwindcss #webdev

5

1 min read

Michael Andreuzza

Jun 26

How to create a search input with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1

1 min read

Michael Andreuzza

Jun 25

How to create a bottom drawer with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

4

1 min read

Michael Andreuzza

Jun 24

How to create a image gallery with Tailwind CSS and JavaScript

#javascript #tailwindcss #tutorial

1

1 min read

Lexington Themes

Want to connect with Michael Andreuzza?