Glam Up My Markup: Camp Activities

Sai Charith — Sun, 31 Mar 2024 13:47:47 +0000

This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities

What I Built

I have built a basic camping form page.
The only animation i used is the fire gradient which i have applied to submit button and it just glows infinite times which inspired from real camp fire.

Demo

Journey

I will learn more CSS would like to improvise this again in the future.

MIT License
Copyright (c) 2024 Sai Charith P

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so.

Photo by Josh Hild on Unsplash

Event Listener API 👂♪♪:One Byte Explainer

Sai Charith — Fri, 29 Mar 2024 19:40:58 +0000

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

Event Listeners API:
Song "Listen" (Beyoncé): ♪♫ ♪ ♬
The web page listens for user interactions (clicks, scrolls) and reacts accordingly, mirroring the song's message of paying attention.

Additional Context

Event Listeners are the secret sauce for making web pages interactive. They act like attentive assistants, constantly watching for user actions like clicks, key presses, or mouse movements. When a specific event happens, the Event Listener triggers a pre-programmed function, allowing your web page to react in a meaningful way. This can involve anything from displaying messages, updating content, or triggering animations. Event Listeners are essential for creating engaging user experiences and building dynamic web pages that respond to user input.