Glam Up My Markup: Beaches Challenge

#devchallenge #frontendchallenge #css #javascript

This is a submission for [Frontend Challenge v24.04.17]((https://dev.to/challenges/frontend-2024-05-29), Glam Up My Markup: Beaches

What I Built

Demo

See the whole website here 👇🏼
https://minalfatih.github.io/Top-Beaches/

It's responsive for mobile and desktop

Journey

Edit the html templete by js to add links in header and add icon rating for beaches, I hide the information of the beach so if you hover the picture it will show you the information and put the pictures of beaches in js all this to make the website more interactive and useful, finally i use the animation in css.

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.