The latest articles on DEV Community by Tawanda Andrew Msengezi (@tawanda_). https://dev.to/tawanda_ 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%2F1367528%2F358e54d2-fb55-460b-9d31-4ddfa4e91f72.jpeg https://dev.to/tawanda_ en Tawanda Andrew Msengezi Sat, 30 Mar 2024 13:23:04 +0000 https://dev.to/tawanda_/html-form-glam-up-4p6j https://dev.to/tawanda_/html-form-glam-up-4p6j <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 built an interactive HTML web form that gives feedback based on the user's input. If the input is invalid, a CSS animation will be applied to the element to notify the user of what they need to improve.</p> <h2> Demo </h2> <p><a href="https://glam-up-my-markup.netlify.app/">Demo Link</a></p> <h2> Journey </h2> <p>I first added CSS styles to improve the look and feel of the form. I learned you can submit a form without sending data to a server using the JavaScript preventDefault method.</p> frontendchallenge devchallenge css javascript Tawanda Andrew Msengezi Sat, 30 Mar 2024 13:14:20 +0000 https://dev.to/tawanda_/javascript-notifications-api-1o7 https://dev.to/tawanda_/javascript-notifications-api-1o7 <p><em>This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.</em></p> <p>This API allows web pages to display notifications to users outside the page's normal context. It requests permission, then displays notifications using the Notification constructor. Useful for alerting users about updates without disrupting their browsing experience.</p> frontendchallenge devchallenge javascript webdev