CODING ASMR LoFi | 2-color gradient maker in html and javascript
14This is a coding / typing lofi ASMR styled video.
In this video I decide to make a simple two-colour gradient maker using HTML and a little bit of CSS and JavaScript. I played around with colour inputs in a form I created in HTML and used these input colour values that sets a two-colour gradient background image CSS property of a div element.
I make typing noises as well as speak in an indoor voice for your ASMR tingles. I currently do not have a quality microphone but I may get one in the future. Please note that this video is not meant to be 100% a tutorial on HTML and JavaScript as my goal is to give you tingles in the process of coding the html webpage.
I might make a part 2 follow up where I go from where I left off, adding new things like set it to a radial gradient, set the direction, or input more than 2 colours to make a multicolour gradient.
chapters:
[0:00] Intro
[0:45] typing / coding noises begin
[3:25] colour form html done
[5:38] html element for the colour
[11:33] starting javascript
[14:45] testing button event function
[19:16] setting gradient in JS + testing
[25:03] adding a bit more CSS
[32:17] conclusion
[32:50] End