DEV Community

Cover image for πŸŽƒ Halloween Party 2025: A Responsive Halloween Landing Page for the Dev.to Frontend Challenge πŸ‘»

πŸŽƒ Halloween Party 2025: A Responsive Halloween Landing Page for the Dev.to Frontend Challenge πŸ‘»

Hadil Ben Abdallah on October 30, 2025

This is a submission for Frontend Challenge - Halloween Edition, Perfect Landing πŸ”₯ What I Built For this Dev.to Frontend Challenge, I b...
Collapse
 
ben profile image
Ben Halpern

Good stuff

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Ben 😍

Collapse
 
we-the-developers profile image
We The Developers

Very beautiful, & Looking Good

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much 😍

Collapse
 
we-the-developers profile image
We The Developers

β™₯ , Hey! My name is Hanzla. Will you like to be my Dev friend

Thread Thread
 
hadil profile image
Hadil Ben Abdallah

Hey Hanzla! Sure, I’d love to connect. Always happy to have an awesome dev friend like you! πŸ™ŒπŸ»

Thread Thread
 
we-the-developers profile image
We The Developers

😊 Thank You ~ I will Try to contact by Mail 😊

Thread Thread
 
hadil profile image
Hadil Ben Abdallah

Sure. Or, if you like, we can connect via LinkedIn.
My Email: hadilbenabdallah111@gmail.com
My LinkedIn: linkedin.com/in/hadil-ben-abdallah/

Thread Thread
 
we-the-developers profile image
We The Developers

Check mail also,

Collapse
 
extinctsion profile image
Aditya

Its been so long that I saw someone writing a website in raw html, CSS and JS. The frontend and the overall responsiveness of website is really mind-blowing. Happy halloween!!! πŸ’–

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Aditya 😍 So glad you liked it. Happy Halloween 🧑

Collapse
 
cyber8080 profile image
Cyber Safety Zone

Great read! I really enjoyed your project submission for the Frontend Challenge - Halloween Edition β€” your landing page for Halloween Party 2025 strikes a perfect balance between spooky visuals and performance.

Here are some of my favourite things about it:

  • The hero section with layered backgrounds and glowing effects immediately sets a moody, cinematic tone.
  • Staying framework-free (just HTML, CSS & vanilla JS) shows great discipline and lets the page remain lightweight and fast.
  • The mobile navigation toggle + smooth animations give a premium feel on smaller devices too.
  • Including lazy-loading images and optimizing for Lighthouse scores shows you went the extra mile on the technical side.

If I may suggest a few ideas for further enhancement:

  • Consider adding an accessible β€œskip to content” link and ensuring all animations have reduced-motion fallbacks.
  • Maybe introduce subtle SVG motion or WebGL shader effects for the hero sectionβ€”done sparingly it could enrich the β€œimmersive” feel without hurting performance.
  • A dark/”spooky mode” toggle could be another fun addition since Halloween vibes are strong.

Really nice work β€” you’ve shown how creative design and frontend engineering can coexist beautifully. Looking forward to seeing more from you! πŸŽƒπŸ‘»

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much for such a thoughtful and detailed comment! πŸŽƒ
I’m really happy you noticed the balance between visuals and performance, that’s exactly what I aimed for with this landing page.

I really appreciate your enhancement ideas too, especially the reduced-motion fallback and dark/spooky mode toggle suggestions. Those would definitely add extra polish and accessibility! 🧑

It means a lot to get feedback like this from someone who clearly understands both design and frontend craft. Thanks again for the encouragement, I’ll definitely keep experimenting and pushing my creative side further! πŸ‘»

Collapse
 
cristea_theodora_6200140b profile image
Theodora Cristea

Looks nice, I like it! πŸ‘πŸ»πŸ₯°Congrats for hard work! Good luck in competition! πŸ€—

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Theodora 😍🧑

Collapse
 
wisdom_emmanuel_c7ccf3411 profile image
Wisdom Emmanuel

Really enjoyed this! πŸŽƒ
The page feels fun and spooky without being overwhelming.
I love how smooth the animations are and how well it works on both desktop and mobile.

You can tell a lot of thought went into the design and performance.πŸ‘πŸ½

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Wisdom. 😍 So glad you enjoyed it. πŸ’™ Your feedback means a lot!

Collapse
 
sharpwit profile image
Saeed Khosravi

This is a beautifully articulated concept and an incredibly valuable resource for developers and designers seeking inspiration.

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Saeed 😍 Glad you liked it πŸ™ŒπŸ»

Collapse
 
hanadi profile image
Ben Abdallah Hanadi

This is really impressive 😍This website is well organized πŸ‘ Wish you all the best in the challenge ❀

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much 😍 So glad you liked it 🧑

Collapse
 
russellbateman profile image
Russell Bateman

I like it very much. I don't have much to say, I also write only in HTML and CSS (and very little JavaScript). It's just super clean and very well done. Kudos!

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Russell 😍 Your words really made my day 🧑

Collapse
 
rafajrg21 profile image
Rafael Romero

Really good submission! I liked it a lot, the style and the images are really on point πŸŽƒ and congrats on that 100 score on Lighthouse πŸ‘»

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Rafael 😍

Collapse
 
mahdijazini profile image
Mahdi Jazini

Really clean work Hadil πŸ‘
It’s impressive how you built such a responsive design without any framework. The use of CSS variables and lazy loading shows you cared about both aesthetics and performance.

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Mahdi 😍
Showing aesthetics and performance is exactly what I aimed for with this landing page.
So glad you liked it πŸ™ŒπŸ»

Collapse
 
alfredo_barrera_48a140492 profile image
Alfredo Barrera

Great work!

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much, Alfredo 😍

Collapse
 
glenn-labindao-828 profile image
Glenn Labindao

Looks good!

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much 😍 Glad you liked it πŸ™ŒπŸ»