Michael Andreuzzamichaelandreuzza.hashnode.dev·5 hours agoLearn how to create an animated input field with Tailwind CSSToday, we’ll create an animated input field with Tailwind CSS. Animated inputs enhance interactivity, grab attention, and add personality to your website, creating a more engaging user experience. Read the article, see it live and get the code.DiscussTailwind CSS
Dev Mankaddevmankad.hashnode.dev·Nov 20, 2024Upskilling Frontend Development to the Next LevelThe world of frontend development is evolving rapidly, with user expectations for seamless experiences and visually stunning interfaces growing higher by the day. To stay ahead, it’s essential to upskill with advanced tools and methodologies that del...Discuss·9 likesFrontend Development
Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 20, 2024Learn how to create an animated profile card with Tailwind CSSLearn how to create an animated profile card with Tailwind CSS! This tutorial covers adding a hover effect to reveal links, making it interactive and engaging. What are profile cards? Profile cards highlight your personal brand, offering a snapshot o...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 19, 2024Learn how to create a cool animated envelope with Tailwind CSSToday, we’ll make an animated envelope using just Tailwind CSS. Why an envelope? Simply to show what you can do with Tailwind CSS and clip-path. It’s a fun way to add some animation and a creative touch to your designs. Read the full article, see it ...DiscussTailwind CSS
nidhinkumarblog.nidhin.dev·Nov 18, 2024Framer Motion is now MotionFramer motion is now Motion. Framer Motion is now independent, which means it is free and open source Motion is a modern animation library for JavaScript and React There are 2 changes Motion's is getting a brand new home, here at motion.dev. Besides...Discussmotion
Yashaswi Sahuyashaswisahu.hashnode.dev·Nov 16, 2024GSAP With ReactIntroduction to GSAP GreenSock Animation Platform (GSAP) is a powerful JavaScript library for creating smooth, high-performance animations. When combined with React, it enables developers to create seamless, professional-grade animations. This blog w...DiscussGSAP
DensTechDenwww.denstechden.com·Nov 15, 2024Creating a Logo Reveal in DaVinci Resolve: A Fun Journey into Motion GraphicsEver wondered how to make your YouTube channel's intro pop without breaking the bank or losing your sanity in the process? Well, grab your favorite beverage because I'm about to spill the tea on how I created my logo reveal using DaVinci Resolve's fr...DiscussOther Topicslogo animation
Kofi / IllestpreachaProblog.illestpreacha.com·Nov 15, 2024WCCC_CommunityPurpleFloatingObjects For this week's Creative Code challenge by @sableRaph: "Community”, PurpleFloatingObjects is made by taking code from different communities and their prompts and putting it together. Coded with Hydra, LiveCodeLab & SonicPi. Comm...DiscussWCCChallengesonicpi
Kofi / IllestpreachaProblog.illestpreacha.com·Nov 10, 2024WCCC_ReproduceFor this week's Creative Code challenge by @sableRaph: "Reproduce”, TravelleringCubes is made by reproducing former sketches with the aid of overlaying, Glitchlab and modification of speeds to turn into a voyage of twists and turns. AudioVisuals are ...DiscussWCCChallengeJavaScript
Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 8, 2024How to create a dynamic feature grid with Astro and Tailwind CSSIf you know Astro JS, let’s add interactivity with Tailwind CSS by dynamically rendering feature cards from an array. Astro JS supports JavaScript injection into HTML, allowing dynamic styling for each card—making your grid both functional and visual...DiscussTailwind CSS Tutorial
