The latest articles on DEV Community by Vanshika Patil (@vanshika_patil_16). https://dev.to/vanshika_patil_16 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%2F2602596%2Ff5ac1a3c-4789-4863-bffb-ac347ae20e06.jpg https://dev.to/vanshika_patil_16 en Vanshika Patil Mon, 30 Dec 2024 07:51:59 +0000 https://dev.to/vanshika_patil_16/december-markup-2a9b https://dev.to/vanshika_patil_16/december-markup-2a9b <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, CSS Art: December</a>.</em></p> <h2> Inspiration </h2> <p>As the year comes to a close, I find myself reflecting, celebrating, and looking forward. The month of December holds a particular place in our hearts, filled with the warmth of Christmas, the thrill of New Year's celebrations, and the quiet beauty of wintertime. I created this website to capture all of these emotions and bring the holiday spirit to life in a digital realm.</p> <h2> Demo </h2> <p><a href="https://vanshikapatil16.github.io/December_Markup/" rel="noopener noreferrer">https://vanshikapatil16.github.io/December_Markup/</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2dvmofalw3ywlcsrwn7m.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2dvmofalw3ywlcsrwn7m.png" alt="Image description" width="800" height="350"></a></p> <h2> Github </h2> <p><a href="https://github.com/vanshikapatil16/December_Markup.git" rel="noopener noreferrer">https://github.com/vanshikapatil16/December_Markup.git</a></p> <h2> Purpose </h2> <ol> <li>Milestone Celebration: The transition from one year to the next marks a significant milestone. Celebrating New Year 2025 on the website encourages users to look forward with hope and confidence. It serves as a reminder of the new beginnings that each new year provides, as well as the opportunities that await.</li> <li>Spreading Joy: Christmas is a time to celebrate joy, generosity, and community. By integrating Christmas motifs, we hope to transmit joy and foster a sense of community among visitors. The festive sights and joyful atmosphere urge consumers to get into the Christmas mood.</li> <li>Capturing Seasonal Beauty: December is magically enhanced by the winter season, which brings snowflakes and tranquil scenery. The snowfall effect on the website improves the overall look and offers users a serene, captivating experience, making the site more engaging and visually appealing.</li> <li>Improving User Experience: The website strives to provide an immersive and enjoyable user experience. We create a memorable experience for consumers by mixing interactive elements, festive images, and enticing animations.</li> <li>Inspiring inventiveness: This project demonstrates the inventiveness and skills of frontend developers. Showcasing unique designs and animations highlights the power of web technology and encourages others to pursue their creative potential.</li> </ol> <h2> Journey </h2> <ol> <li>Idea Concept: The inspiration for the website began with the desire to encapsulate the joyful and festive spirit of December.</li> <li>Planning and Design: The planning phase involved brainstorming different elements that symbolize December, such as New Year celebrations, Christmas celebration, and snow fall.</li> <li>Development: HTML and CSS were used to bring the design. Key animations, such as snowfall and the "Happy New Year" blast as well as snow fall in Jammu and Kashmir.</li> </ol> frontendchallenge devchallenge css