Michael Andreuzzamichaelandreuzza.hashnode.dev·2 hours agoHow to simplify your code and avoid repeating your markup with Astrojs and Tailwind CSSIn today's tutorial, we'll explore how to simplify your code and avoid repeating your markup with Astrojs and Tailwind CSS. This will help you write cleaner, more maintainable code and save time in the long run. See it live and get the code Creating ...DiscussTailwind CSS
flamrdevsflamrdevs.hashnode.dev·Mar 25, 2024Astrolinkt - Link in Bio Template using Astro, React & TailwindCSSIntroducing the Astrolinkt Link in Bio Template! Are you looking to showcase your useful links in a visually appealing and interactive way? Look no further than the Astrolinkt Link in Bio Template. Built with Astro, React and TailwindCSS. Features C...DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 25, 2024How to creating animated blog cards with Astrojs and Tailwind CSSToday's tutorial is about creating animated cards with Astrojs and Tailwind CSS. It's fun, and easy to use! See it live and get the code Animating image cards on your website can significantly enhance user engagement and visual appeal. Tailwind CSS, ...DiscussTailwind CSS
Jorge Alvaradojalvarado.hashnode.dev·Mar 12, 2024How To Create Interactive Tabs using Astro and AlpineDusts off blog 😶🌫️ Oh hey there 👋🏼 Glad you can make it to my article. Today's journey involves implementing interactive tabs that can be used wherever your imagination takes you! In my case, I've implemented it to showcase my projects on my por...DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 11, 2024How to create and print an invoice with Astrojs and Tailwind CSSCreating a printable invoice layout is not easy, but today we are going to create one and learn what classes to use to print it the correct way. See it live and get the code Benefits of Using Tailwind CSS for Invoices Before we create an inovice we n...Discuss·5 likesTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 8, 2024How to create a flyout menu with Astrojs, Tailwind CSS and AlpinejsLet's build a simple flyout menu, AKA dropdown. See it live and get the code Let's have a look Alpine.js Initialization and State Management: x-data="{ open: false }" This attribute initializes Alpine.js on the enclosing div and sets up a reactive d...Discuss·2 likesTailwind CSS Tutorial
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 7, 2024How to create a multi column layout Tailwind CSSToday we are doing something simple yet useful, a multi column layout with Tailwind CSS. See it live and get the coee Why the multi column layout shines across UIs This kind of layout, dubbed "Responsive Flexbox Grid with Tailwind CSS," is particular...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 6, 2024FeaturedHow to create an interactive testimonial with Astrojs, Tailwind CSS and Alpine.jsLet's build a fun testimonial with Astro, Tailwind CSS and Alpinejs! See it live and get the code The main thing Let's use Astro to make a template so we don't have to write the same code over and over. We'll put our data in an array and send it to t...Discuss·10 likes·227 readsTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Mar 5, 2024How to create an animated log in modal with Tailwind CSS and Alpine.jsIn this tutorial, we'll be crafting a login modal component using Tailwind CSS and Alpine.js, including a smooth slide-up animation from the bottom to enhance the aesthetic of your website. See it live and get the code The wrapper x-data="{ open: fa...DiscussTutorial
Dylan Anthonydbanty.hashnode.dev·Mar 5, 2024Making my blog more climate-friendly with AstroIt's been two years since I last rewrote my personal website, so naturally it's time to do it again! The immediate motivation was simple: my website stopped building with an inscrutable error message. Rather than taking the time to learn more about Z...DiscussAstro