The latest articles on Forem by cesargpita (@cesargpita). https://forem.com/cesargpita https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1054339%2Fa081951b-9925-41d5-bf36-14199fff9438.png https://forem.com/cesargpita en cesargpita Wed, 27 Mar 2024 20:00:30 +0000 https://forem.com/cesargpita/one-byte-explainer-47l https://forem.com/cesargpita/one-byte-explainer-47l <p><em>This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.</em></p> <h2> Explainer </h2> <p>The Web Audio API empowers developers to control audio on the web. It lets you:</p> <ul> <li>Choose audio sources (like or synthesized sounds).</li> <li>Add effects (reverb, filters).</li> <li>Create audio visualizations.</li> <li>Apply spatial effects (e.g., panning). It’s a powerful tool for interactive music apps, games, and more! 🎵🔊 1: MDN Web Audio API</li> </ul> <h2> Additional Context </h2> frontendchallenge devchallenge javascript webdev cesargpita Wed, 27 Mar 2024 19:58:24 +0000 https://forem.com/cesargpita/glam-up-my-markup-16pi https://forem.com/cesargpita/glam-up-my-markup-16pi <p><em>This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities</em></p> <h2> What I Built </h2> <p>I just added some css styles and some js validation for the form fields</p> <h2> Demo </h2> <p><iframe height="600" src="https://codepen.io/cesgonpi/embed/MWRvXbo?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <h2> Journey </h2> <p>Started by adding css, finalising with some js verification on form submit</p> frontendchallenge devchallenge css javascript cesargpita Wed, 27 Mar 2024 19:41:48 +0000 https://forem.com/cesargpita/my-favourite-snack-4kf1 https://forem.com/cesargpita/my-favourite-snack-4kf1 <p><em>This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.</em></p> <h2> Inspiration </h2> <p>I was inspired by my favourite snack, a donut. That burst of energy mid morning when coffee is wearing out but there is still a lot of work ahead before lunch break.</p> <h2> Demo </h2> <p><iframe height="600" src="https://codepen.io/cesgonpi/embed/abxyKZG?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <h2> Journey </h2> <p>I started by making the donut, then added the topping, and finally the 'hole'. Sprinkles is what took me longer to add, I wish js was accepted to generate them programmatically</p> <p>that's all!</p> frontendchallenge devchallenge css