Cookie Consent by Free Privacy Policy Generator 📌 Earth Day Frontend Challenge landing page: Hugging Earth


✅ Earth Day Frontend Challenge landing page: Hugging Earth


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page

What I Built

I created an interactive website featuring fun scroll events and simple fade animations.

I used Figma to draw the Earth and people, and the website's colors are inspired by the colors of the Earth.

I aimed for a design that is simple yet visually appealing and effectively communicates the message!

Demo

main

It does not work well on mobile
https://dev-dong-su.github.io/Dev-to-FE-challenge-Earth-

You can see source code here
https://github.com/dev-dong-su/Dev-to-FE-challenge-Earth-Day

Journey

I implemented a section where a person flies in and hugs the Earth using scroll events and element positioning.

human
hug

However, it was challenging because it behaved differently depending on the browser's height.

Although the outcome was a bit different from what I initially envisioned, I still had fun and found it satisfying after several hours of work.

...

✅ Earth Day Frontend Challenge landing page: Hugging Earth


📈 80.84 Punkte

✅ Earth Day Frontend Challenge landing page


📈 54.83 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: Earth's Rotation: Rotating with CSS on Earth Day


📈 54.29 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


📈 41.56 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: Elements of Earth: CSS Card animation


📈 41.56 Punkte

✅ Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ Glam Up My Markup » Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ Submission - Glam Up My Markup: Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ CSS code for an Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ Earth Day Celebration Landing Page submission


📈 34.28 Punkte

✅ Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ Glam Up My Markup: Earth Day Celebration Landing Page


📈 34.28 Punkte

✅ Landing Page for Earth Day Celebration


📈 34.28 Punkte

✅ Glam Up My Markup: Earth Day - Frontend Challenge Submission


📈 33.28 Punkte

✅ The Frontend Challenge v2: Earth Day Edition🌎


📈 33.28 Punkte

✅ Earth Day Frontend Challenge: Our Little Blue Dot 🌎


📈 33.28 Punkte

✅ Earth Day Frontend Challenge


📈 33.28 Punkte

✅ Earth Day Frontend Challenge


📈 33.28 Punkte

✅ Earth Day Frontend Challenge


📈 33.28 Punkte

✅ CSS Art 2024 Submission, Earth Day Edition Frontend Challenge


📈 33.28 Punkte

✅ Join Us For The Next Frontend Challenge: Earth Day Edition!


📈 33.28 Punkte

✅ Congrats to the winners of the Frontend Challenge: Earth Day Edition!


📈 33.28 Punkte

✅ Frontend Challenge: Animated Globe CSS Art: Earth Day


📈 33.28 Punkte

✅ I made a Earth Day Challenge website that calls for Humanity for Earth


📈 29.87 Punkte

✅ Earth Challenge 🌍 Earth Day !


📈 29.87 Punkte

✅ Submission For Front-end Challenge 2024 Earth Day Edition 🌎: "Earth's Future In Our Hands"


📈 29.87 Punkte

✅ Azure Landing Zones Bicep – Enabling landing zones


📈 28.94 Punkte

✅ My FrontEnd Challenge project - Gallery page.


📈 27.63 Punkte

✅ 🎉🎉 E-commerce product page in HTML, CSS and JavaScript - Frontend Mentor Challenge


📈 27.63 Punkte

✅ World Bicycle Day CSS Art : Frontend Challenge (June Edition)


📈 25.01 Punkte

✅ Freeware Advanced Audio Coder 1.28 Frontend frontend/input.c wav_open_read WAV File Denial of Service


📈 23.39 Punkte

✅ Hey Frontend Fam! Ready for State Of Frontend 2024? The survey is here!


📈 23.39 Punkte

✅ heise+ | Web-Frontend mit Angular 2: Frontend mit Backend verknüpfen


📈 23.39 Punkte











matomo

Datei nicht gefunden!