Michael Andreuzzamichaelandreuzza.hashnode.dev·May 11, 2024How to create a chat bubble with Tailwind CSS and AlpinejsYesterday I was asked to create a chat bubble with alpinejs despite. So here it is. See it live and get the code What is a chat or contact bubble? A chat bubble is a small bubble that appears on the screen when this one is toggled, normally with a bu...DiscussTutorial
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 10, 2024How to a create a scroll progress bar with Tailwind CSS and JavascriptToday we are starting a new series of tutorials, but with a twist. We are leaving Alpinejs behind and instead using vainilla JavaScript to create our components. See it live and get the code What is a scroll progress bar? A scroll progress bar is a b...DiscussTailwind CSS
Altecaalteca.hashnode.dev·May 9, 2024How to make an animated CTA button with TailwindCSSIntro In this article I'm going to show you how to create an animated CTA button for your hero section. If you can't hang on to the tutorial, I will show all the code in one piece at the end anyway, so feel free to copy that instead. Initial Layout F...DiscussCSS Animation
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 9, 2024How to create a 3D Button Tailwind CSSLet's create a 3D button using only Tailwind CSS. A super short tutorial, but it's a great way to learn how to use Tailwind CSS. See it live and get the code What is a 3D button? A 3D button is a button that has a 3D effect when it is hovered over. I...DiscussCSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 8, 2024How to creat a contextual menu with Tailwind CSS and AlpinejsLet's hack the right click event and create a contextual menu with Tailwind CSS and Alpinejs. We'll use the @contextmenu.prevent directive to prevent the browser from opening the default contextual menu. See it live and get the code What is a context...DiscussTailwind CSS
Keep Codingkeepcodingblog.hashnode.dev·May 7, 2024Tailwind CSS UX/UI Design Course - Tailwind CSS versionsIf you are new to Tailwind CSS, you may be wondering what version you should use. New users often ask themselves questions such as: What is the latest version? What are the changes in the latest version compared to the previous one? Is the latest ...DiscussTailwindCSS UX/UI Design CourseTutorial
Zoltán Szőgyényiflowbite.hashnode.dev·May 7, 2024Collection of checkout UI components built with Tailwind CSS for E-commerceThe e-commerce web industry has been growing in the past several years and it is one of the important types of products that we as web developers and designers have to work one. These websites require special attention when it comes to conversion rat...DiscussTailwind CSS
Keep Codingkeepcodingblog.hashnode.dev·May 7, 2024Tailwind CSS UX/UI Design Course - About Tailwind CSSLet's start with the key question: What exactly is Tailwind CSS? Some call it a library, but that's not entirely correct. Tailwind CSS is a utility-first CSS framework, not a library. It provides pre-designed classes that you can use to style your HT...Discuss·1 likeTailwindCSS UX/UI Design Courseguide
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 7, 2024How to add items to your cart with Tailwind CSS and AlpinejsHere we so with a simple cart example using Tailwind CSS and Alpinejs. See it live and get the code What are add to cart buttons and what do they do? Add to cart buttons are used to add items to the cart. They typically have a "Add to Cart" text or i...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 6, 2024How to create a search input with Tailwind CSS and AlpinejsLet's build a search input with Tailwind CSS and Alpinejs. See it live and get the code What is a search input? A search input is a form control that allows users to enter a search query and retrieve relevant results from a database or search engine....DiscussTailwind CSS