DEV Community

Kaustav Banerjee
Kaustav Banerjee

Posted on

Glam up your form using vanilla js!!

#frontendchallenge #devchallenge #css #javascript

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

What I Built

I've built an interactive form panel using CSS and Vanilla JS . Already provided with an HTML snippet for the form,I've added a nice simple UX for an user filling the form.

Demo

Code

GitHub logo kaustav1810 / Glam_My_Markup

Please view the live demo here !!

Form Snippet

Journey

I learnt about many new CSS pseudoselectors such as :not ::after, ::before among many others. Also I learnt about new dom manipulation techniques using vanilla js for add/update elements in the DOM TreeNode.

Dev username: @kaustav1810

Top comments (0)

Read next

prince_beec5ccde00b7c6c73 profile image

Toggle Switch Realistic illusion using the core html and core Css Code

Prince -

abhay_yt_52a8e72b213be229 profile image

React.js Explained: A Comprehensive Guide to Building Modern Web Applications

Abhay Singh Kathayat -

the_rusty_dev profile image

Integrating Google Calendar API in Node.JS: A Guide to Event Creation and Meeting Scheduling

Gaurav D. Lohar -

kafeel_ahmad profile image

JavaScript Best Practices

Kafeel Ahmad (kaf shekh) -