DEV Community

Cover image for Frontend-Challenge-December-Edition by Tharusha Rashmika
Tharusha Rashmika Sandakelum
Tharusha Rashmika Sandakelum

Posted on

2 3 1 2 3

Frontend-Challenge-December-Edition by Tharusha Rashmika

Live site -

This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice

My GITHUB profile where I have uploaded the code-


Demo

Image description

Image description

Inspiration

This December, I embarked on a creative adventure by participating in the Frontend-Challenge-December. It was a whirlwind of code, design, and problem-solving, but looking back, it’s been one of the most rewarding experiences of my frontend journey. Here’s how it went:

What I Learned-

about GSAP animation
Creativity

Journey
On December 28th, I discovered the Frontend-Challenge-December. I had just one day to create something special, and while it was a race against time, it turned out to be an incredible learning experience.

*What I Built *

Using GSAP.js for animations and CSS to add a touch of elegance, I managed to put together a site I’m proud of. Every detail, from smooth transitions to responsive design, was carefully crafted in those 24 hours.

The Challenges I Faced 💪

The hardest part? Animations with GSAP.

  • Understanding scroll triggers.
  • Getting the timing and smoothness just right.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay