{"type_of":"article","id":2169827,"title":"🎄CSS Art: December Challange - Christmas In Malaysia ✨","description":"This is a submission for Frontend Challenge - December Edition, CSS Art: December. ...","readable_publish_date":"Dec 22","slug":"css-art-december-challange-christmas-in-malaysia-1fjb","path":"/juniourrau/css-art-december-challange-christmas-in-malaysia-1fjb","url":"https://dev.to/juniourrau/css-art-december-challange-christmas-in-malaysia-1fjb","comments_count":0,"public_reactions_count":12,"collection_id":null,"published_timestamp":"2024-12-22T18:01:41Z","positive_reactions_count":12,"cover_image":"https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmy9hus9ksltodzn2giqa.gif","social_image":"https://media2.dev.to/dynamic/image/width=1000,height=500,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmy9hus9ksltodzn2giqa.gif","canonical_url":"https://dev.to/juniourrau/css-art-december-challange-christmas-in-malaysia-1fjb","created_at":"2024-12-22T18:01:42Z","edited_at":"2024-12-22T18:02:34Z","crossposted_at":null,"published_at":"2024-12-22T18:01:41Z","last_comment_at":"2024-12-22T18:01:41Z","reading_time_minutes":1,"tag_list":"frontendchallenge, devchallenge, css, webdev","tags":["frontendchallenge","devchallenge","css","webdev"],"body_html":"

This is a submission for Frontend Challenge - December Edition, CSS Art: December.

\n\n

\n \n \n Inspiration\n

\n\n

I’m from Malaysia, a tropical country where we celebrate Christmas as a festive holiday. The malls here are beautifully decorated, making it a magical time to enjoy the season. While we don’t have snow, every year there’s a fun celebration at the KL Twin Towers where fake snow is dropped from the top—it's such a cool sight! You can check it out here. Inspired by this, I imagine how amazing it would be to have the KL Twin Towers inside a snow globe!

\n\n

And below is the result of the imagination.

\n\n\n

\n\n

\n \n \n Demo\n

\n\n

\n\n\n

\n\n

\n \n \n Journey\n

\n\n

So, I got the idea to create a snow globe using HTML Pug and Scss. I started by checking out what others had done with snow globes online. That’s when I found this cool codepen here. I was inspired by it and started working on my own project. It was really exciting when I finally reached the final result and could see the iconic KL Twin Tower in the snow globe. It took me about 8 hours to work on it, and I’m pretty happy with how it turned out. I’d love to spend more time on this challenge and try to make it even better by adding more details like Christmas lights.

\n\n

Thanks for reading this and for those celebrating Merry Christmas and a Happy New Year.

\n\n","body_markdown":"This is a submission for [Frontend Challenge - December Edition, CSS Art: December.](https://dev.to/challenges/frontend-2024-12-04)\n\n### Inspiration\nI’m from Malaysia, a tropical country where we celebrate Christmas as a festive holiday. The malls here are beautifully decorated, making it a magical time to enjoy the season. While we don’t have snow, every year there’s a fun celebration at the KL Twin Towers where fake snow is dropped from the top—it's such a cool sight! You can check it out [here](https://www.tiktok.com/@kl.foodie/video/7440720919644900615). Inspired by this, I imagine how amazing it would be to have the KL Twin Towers inside a snow globe!\n\nAnd below is the result of the imagination.\n\n---\n\n### Demo\n\n{% codepen https://codepen.io/RavinJr/pen/LEPyzaB %}\n\n\n---\n### Journey\n\nSo, I got the idea to create a snow globe using HTML Pug and Scss. I started by checking out what others had done with snow globes online. That’s when I found this cool codepen [here](https://codepen.io/maku85/pen/VqyXJV). I was inspired by it and started working on my own project. It was really exciting when I finally reached the final result and could see the iconic KL Twin Tower in the snow globe. It took me about 8 hours to work on it, and I’m pretty happy with how it turned out. I’d love to spend more time on this challenge and try to make it even better by adding more details like Christmas lights. \n\n\nThanks for reading this and for those celebrating Merry Christmas and a Happy New Year.\n","user":{"name":"Ravin Rau","username":"juniourrau","twitter_username":"RavinRau","github_username":"RavinRau","user_id":627952,"website_url":null,"profile_image":"https://media2.dev.to/dynamic/image/width=640,height=640,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F627952%2Fac6cb717-a0ac-4f9a-80b3-094dc5c545a4.png","profile_image_90":"https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F627952%2Fac6cb717-a0ac-4f9a-80b3-094dc5c545a4.png"}}