The latest articles on DEV Community by anil gade (@anilgadhe). https://dev.to/anilgadhe https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3109214%2F51afc8c9-445a-40ee-aedd-8588eda46471.png https://dev.to/anilgadhe en anil gade Sun, 15 Jun 2025 05:26:43 +0000 https://dev.to/anilgadhe/marathi-june-celebrations-a-cultural-css-art-tribute-5687 https://dev.to/anilgadhe/marathi-june-celebrations-a-cultural-css-art-tribute-5687 <p>This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.</p> <p>🌟 Inspiration<br> This project is my heartfelt tribute to the rich cultural traditions of Maharashtra in June. Each festival—be it Vat Purnima, Ganga Dussehra, Ashadhi Wari, or the First Rain celebration—carries deep emotional and spiritual significance.</p> <p>With this one opportunity, I wanted to create a visual storytelling experience that doesn’t just look beautiful but also resonates emotionally with anyone who views it. Through simple CSS art, images, and animations, I aimed to showcase the spirit of these festivals in a user-friendly and emotionally compelling way.</p> <p>💻 Demo<br> 🎉 Live Project[ <a href="https://anilgadhe.github.io/Celebrate-June/index.html" rel="noopener noreferrer">https://anilgadhe.github.io/Celebrate-June/index.html</a> ]<br> 📁 Source Code on GitHub [ <a href="https://github.com/anilgadhe/Celebrate-June" rel="noopener noreferrer">https://github.com/anilgadhe/Celebrate-June</a> ]</p> <p>📸 Screenshot:<br> <a href="https://github.com/anilgadhe/Celebrate-June/blob/main/public/covers/landingpage.png" rel="noopener noreferrer">https://github.com/anilgadhe/Celebrate-June/blob/main/public/covers/landingpage.png</a></p> <p>🎨 Journey<br> This was more than a frontend task—it was a journey into my roots, translating tradition into a digital experience.</p> <p>What I Did:<br> Built using: HTML, CSS, JavaScript, and Bootstrap.</p> <p>Structure: Each festival has its own section or subpage, styled with full-screen images, smooth scroll animations, and rich colors.</p> <p>Animations: Used IntersectionObserver for fade-in effects and custom keyframe animations for elements like rain and trees.</p> <p>No card UI: Purposefully kept it immersive—using background images and full-width sections to narrate each story.</p> <p>Emotion + Culture: From the sacred banyan tree on Vat Purnima to the joy of the first monsoon, every detail is handpicked to invoke sentiment.</p> <p>What I Learned:<br> Storytelling and frontend go hand in hand when trying to preserve and present culture.</p> <p>CSS and animation can emotionally engage users without overwhelming them.</p> <p>Accessibility, color contrast, and responsive design were all important in ensuring everyone can experience this on any device.</p> <p>🧑‍🤝‍🧑 Team Credits<br> This was a solo project by <a class="mentioned-user" href="https://dev.to/anilgadhe">@anilgadhe</a></p> <p>📄 License<br> Released under the MIT License</p> frontendchallenge devchallenge css anil gade Sun, 15 Jun 2025 05:26:43 +0000 https://dev.to/anilgadhe/marathi-june-celebrations-a-cultural-css-art-tribute-1h1i https://dev.to/anilgadhe/marathi-june-celebrations-a-cultural-css-art-tribute-1h1i <p>This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.</p> <p>🌟 Inspiration<br> This project is my heartfelt tribute to the rich cultural traditions of Maharashtra in June. Each festival—be it Vat Purnima, Ganga Dussehra, Ashadhi Wari, or the First Rain celebration—carries deep emotional and spiritual significance.</p> <p>With this one opportunity, I wanted to create a visual storytelling experience that doesn’t just look beautiful but also resonates emotionally with anyone who views it. Through simple CSS art, images, and animations, I aimed to showcase the spirit of these festivals in a user-friendly and emotionally compelling way.</p> <p>💻 Demo<br> 🎉 Live Project<br> 📁 Source Code on GitHub</p> <p>📸 Screenshot:<br> <a href="https://github.com/anilgadhe/Celebrate-June/blob/main/public/covers/landingpage.png" rel="noopener noreferrer">https://github.com/anilgadhe/Celebrate-June/blob/main/public/covers/landingpage.png</a></p> <p>🎨 Journey<br> This was more than a frontend task—it was a journey into my roots, translating tradition into a digital experience.</p> <p>What I Did:<br> Built using: HTML, CSS, JavaScript, and Bootstrap.</p> <p>Structure: Each festival has its own section or subpage, styled with full-screen images, smooth scroll animations, and rich colors.</p> <p>Animations: Used IntersectionObserver for fade-in effects and custom keyframe animations for elements like rain and trees.</p> <p>No card UI: Purposefully kept it immersive—using background images and full-width sections to narrate each story.</p> <p>Emotion + Culture: From the sacred banyan tree on Vat Purnima to the joy of the first monsoon, every detail is handpicked to invoke sentiment.</p> <p>What I Learned:<br> Storytelling and frontend go hand in hand when trying to preserve and present culture.</p> <p>CSS and animation can emotionally engage users without overwhelming them.</p> <p>Accessibility, color contrast, and responsive design were all important in ensuring everyone can experience this on any device.</p> <p>🧑‍🤝‍🧑 Team Credits<br> This was a solo project by <a class="mentioned-user" href="https://dev.to/anilgadhe">@anilgadhe</a></p> <p>📄 License<br> Released under the MIT License</p> frontendchallenge devchallenge css