VivekProheyvivek.com·Jul 18, 2024Why Developers Are Shifting Drastically from Bootstrap to TailwindCSSIn the ever-evolving world of web development, frameworks and tools rise and fall in popularity as new technologies emerge. Over the past few years, one notable shift has been the migration of developers from Bootstrap, a well-established CSS framewo...Discuss·11 likesTailwind CSS
Keep Codingkeepcodingblog.hashnode.dev·Jul 17, 2024Tailwind CSS UX/UI Design Course - Focus, active & other statesHover isn't the only state supported by Tailwind CSS. Thanks to Tailwind we can use directly in our HTML any state available in regular CSS. Below are examples of several pseudo-class states supported in Tailwind CSS. You don't have to try to memori...DiscussTailwindCSS UX/UI Design CourseUIUX
adewale shittuwalemines.hashnode.dev·Jul 13, 2024How to Launch a Solana Presale Web App Without a Smart Contract Step-by-Step Guide For My Adaa.This article guides you through creating a Solana presale web app using Next.js, React.js, and several essential packages. This tutorial assumes you have a basic understanding of Next.js, React.js, and JavaScript. The packages we’ll use are: Next.js...DiscussSolana
Michael Andreuzzamichaelandreuzza.hashnode.dev·Jul 13, 2024How to create an animated toggle with Tailwind CSSIt’s toggle day! Let’s create a toggle that animates when you click it only with Tailwind CSS. Zero JavaScript required! What is a toggle? A toggle is a button that can be toggled on or off. It’s a common UI element that is used in many applications....DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Jul 11, 2024How to create an animated input field with Tailwind CSSToday we are going to create an animated input field with Tailwind CSS. Why animated input fields? Well, you might be wondering why we would want to create an animated input field. There are a few reasons why you might want to do this: To add a touc...DiscussTailwind CSS
Keep Codingkeepcodingblog.hashnode.dev·Jul 10, 2024Tailwind CSS UX/UI Design Course - Hover stateThe thing where Tailwind CSS really shines is applying different CSS states, like hover, to our UI elements. The hover state in Tailwind is used to apply styles to an element when the mouse pointer is over it. This is similar to the :hover pseudo-cla...DiscussTailwindCSS UX/UI Design Courseui ux designer
Keep Codingkeepcodingblog.hashnode.dev·Jul 9, 2024Tailwind CSS UX/UI Design Course - ColorsColors in Tailwind CSS are defined as classes that you can apply directly to your HTML elements. In this lesson, we'll learn how they work. Color utility classes Tailwind CSS comes with a wide variety of predefined colors. Each color has different sh...DiscussTailwindCSS UX/UI Design CourseUIUX
Keep Codingkeepcodingblog.hashnode.dev·Jul 8, 2024Tailwind CSS UX/UI Design Course - Navbar icons & logoNow that we know how to work with icons in Tailwind, it's time to update the Navbar in our project. This is how it looks right now: First, let's change the icons on the right. Step 1 - change icons In Navbar's code, find the comment <!-- Right eleme...DiscussTailwindCSS UX/UI Design CourseTailwind CSS Tutorial
Richard WestmorelandProilearnedathing.com·Jul 8, 2024Styling Your Next.js App with TailwindCSSIn the fast-paced world of web development, creating beautiful, responsive user interfaces efficiently is crucial. This is where Tailwind CSS shines, offering a utility-first CSS framework that can significantly speed up your development process. Whe...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Jul 8, 2024How to create an animated profile card with Tailwind CSSLet’s create an animated profile card with Tailwind CSS. This tutorial will show you how to create a profile card that animates when you hover over it. The card will have a hover effect that reveals a list of links. Read the article, see it live and ...DiscussTailwind CSS