Tresor Kasendakasenda.hashnode.dev·21 hours agoWhat's New and Migration Guide: Tailwind CSS v4.0Tailwind CSS has just released version 4.0, marking a significant milestone in the evolution of this powerful framework. While this update introduces many improvements and simplifications, it also includes changes that might affect your existing proj...4 likesTailwind CSS
Joy Tari-Bagshawthejoyoftech.hashnode.dev·Jan 15, 2025Beginner's Guide to Frontend Web Development: Build, Debug, and Repeat💻👩💻Hey, ladies! 💕 Are you ready to step into the world of web development and start creating beautiful, functional websites that not only work like magic but look like they belong in a design museum? 🎨✨ When I started my tech journey, I had so many qu...30 likes·31 readsHTML5
Michael Andreuzzamichaelandreuzza.hashnode.dev·Jan 10, 2025Learn how to a create a scroll progress bar with Tailwind CSS and JavaScriptWhat’s a scroll progress bar? A scroll progress bar visually tracks how far a user has scrolled through a page, showing both progress and remaining content. It enhances user experience by providing clear feedback and context on their reading journey....Tailwind CSS Tutorial
Hannahfrontendqueen.hashnode.dev·Jan 5, 2025Tailwind 4Tailwind CSS 4: A Game-Changer for Web Development If you’ve ever worked on a web development project, you may have come across a UI library or framework that makes it easier to design beautiful user interfaces. Among the many options out there, Tail...Tailwind CSS
seo2hexa-home-learning-tailwind.hashnode.dev·Jan 1, 2025How to Start Learning Tailwind CSS: A Beginner's Guide!As web development continues to evolve, new tools and frameworks emerge to simplify the design process. One such tool that has gained significant traction is Tailwind CSS. This utility-first CSS framework allows developers to create beautiful, respon...Tailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Dec 30, 2024Learn how to create a basic music visualizer with Tailwind CSS and JavaScriptToday, let’s create a simple music visualizer using Tailwind CSS and JavaScript—a fun way to combine music and visuals. What’s a Music Visualizer? It’s a tool that converts audio into dynamic animations or graphics, reacting to elements like beats, r...Tailwind CSS Tutorial
Michael Andreuzzamichaelandreuzza.hashnode.dev·Dec 28, 2024Learn how to create a confetti animation effect using JavaScriptGood morning! Today, we’ll create a simple confetti animation with Tailwind CSS and JavaScript to celebrate user achievements.What’s a Confetti Animation?It mimics colorful paper falling during celebrations, using CSS and JavaScript to animate shapes...Tailwind CSS Tutorial
Michael Andreuzzamichaelandreuzza.hashnode.dev·Dec 20, 2024Learn how to create a chat bubble with Tailwind CSS and Alpine JSWhat is a chat bubble? A chat or contact bubble is a small interface element, often at the bottom-right of a screen, labeled “Chat,” “Help,” or “Contact.” It allows users to send messages and serves various purposes, including customer support, sales...Tailwind CSS Tutorial
Michael Andreuzzamichaelandreuzza.hashnode.dev·Dec 19, 2024Learn how to create a grid toggle with Tailwind CSS and Alpine JSLet’s build a super useful grid toggle with Tailwind CSS and Alpinejs. What is a grid toggle? A grid toggle is a user interface component that allows switching between different grid layouts, such as two or four columns, to organize and display conte...alpinejs
PurnaChandra Bandarupurnadevdocs.hashnode.dev·Dec 19, 2024React + Tailwind Installation Guide ( Vite )To create a Vite project with React and Tailwind CSS, follow these steps: Step 1: Install Vite First, you need to create a new Vite project with React. Open the terminal. Run the following command to create a new Vite project: This will create ...React
