Create account

DEV Community

Tharusha Rashmika Sandakelum

Posted on Dec 28, 2024

Frontend-Challenge-December-Edition by Tharusha Rashmika

#devchallenge #frontendchallenge #css #javascript

Live site -

frontend-challenge-december-edition.vercel.app

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

My GITHUB profile where I have uploaded the code-

Tharusha200219 / Frontend-Challenge-December-Edition

Frontend-Challenge-December-Edition

View on GitHub

Demo

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.

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.