ASMR Programming - Modern Login Form Design - No Talking (Only HTML CSS)

In this video we show you how to code a modern and responsive login form using HTML and CSS. This is also a mobile-friendly login form. You can even create a registration form and password reset form using this login form. This form design will add elegance to your website :)
While coding this login form, jquery and pure javascript are not used. Enjoy watching.
🟢 Free Bootstrap Admin Dashboard Template
Download: cakeadmin.com/
💻 Monitor ViewSonic 21 Inch Full HD 1080p (My Second Screen)
amzn.to/3FFdTPJ
🟢 Join this channel to enjoy the privileges
/ @codeminton
🟣 Source code
github.com/codeminton/purple-...
Table of Contents
00:00 Work files
00:19 Html structure
06:27 CSS codes
24:26 Responsive
25:34 Result
🟠 Playlists you might be interested in
► Only HTML, CSS and JS coding → bit.ly/3BFQDyU
► Login page ui designs → bit.ly/3RvK0Eu
► HTML/CSS button designs → bit.ly/3DftmER
► Game coding → bit.ly/3PgGY4U

[@Codeminton]

Did you like this video? Please don't forget to subscribe to my channel for more videos 😊

[@86_magical30]

Could you please make this a series

[@super1374]

Alguien me puede explicar por qué siempre usan div???

[@sideralUY]

loved the video. already liked and subscribed. greetings from U(rugua)Y

[@Codeminton]

@@sideralUY Hello. Thank you.

[@samazad6509]

It was very good, keep it up buddy ; We are waiting for more videos

[@dew3968]

This is so beautiful, readable and understandable, yet so elegant! As a beginner, I absolutely love it! Keep it going man! +1 sub

[@mdsohelrana8690]

Omg, you explained it very simply! It's really easy to understand. Thank you so much! I've always wanted to learn these.

[@harulams]

Explain? He didn’t talk a shit 😂

[@lucymendozarex38]

AMAZING tutorial! One of the most comprehensive tutorials I've seen for anytNice tutorialng. Thanks so much!

[@mindblower113]

Make more content like this man, I loved this ❤️❤️

[@Xanar]

My first login-page used to be tables and some css I grabbed somewhere. Took me a while to get used to div-containers but it makes things so much easier.

[@gaurattimothy3519]

TNice tutorials is exactly what I needed to understand the UI. Great tutorial!

[@drgothmania]

You made it so clear. Thanks a lot!

[@areskain6083]

Very helpful, and surprisingly therapeutic

[@meep9683]

the keyboard sounds phenomenal

[@askalon7817]

Just what I was looking for

[@adamrosariorodriguez]

Thanks for the tutorial. I did it step by step with you.

[@zema6433]

By far the best tutorial i found to tNice tutorials in a short ti

[@squadrythm7856]

great thanks for that! Very clear and articulate!

[@kemalsoydere4296]

That's really nice.
Well done !

[@ThiagomizukiC]

so clean, good job

[@le3lux]

I never watched something like that before but it was awesome!

[@Lamesawebproducciones]

The best soft soft tutorial ever!

[@LilYet]

bro wtf is soft soft

[@ASMRCODEHARMONY]

AMAZING tutorial!

[@tubecoder4750]

Love the sound from your keyboard bruh!

[@user-rc3fd4iv6o]

Hey man, It works great and without any problems.

[@sandeepvanam1207]

+ 1 subscriber thanks for the walk through...loved it 💯

[@pauljohn3898]

beatifully done!

[@RealWorldMen]

You're great man. Thank you!

[@Codeminton]

Thank you.

[@JavawithEgimoro]

I see a greater potential here with ASMR coding I'm just new in the game!

[@lucholaqs3832]

so much. Can’t wait to start making soft.

[@vanquoctrinh1934]

Worked, thx

[@TaylorVal]

Clicked on the video intending to only watch a few minutes. Here I am 25 minutes later. You got my sub buddy

[@moingauthe7914]

It did work thank you :)

[@CLASHSARADR722]

love you
for source code

[@TheNilliz85]

Might be the best coding video i've ever seen

[@Codeminton]

Thanks

[@tonikrug6378]

TNice tutorials was so detailed! Great video for beginners. Thank you!

[@user-zs3by6wq2p]

This was great 👍👌

[@youtuberaven1830]

makes complete sense. Only a couple other tNice tutorialngs I need to find out before I can actually make it work, but you’ve got more in depth

[@ui_vibes]

Great content, very useful

[@The_Anime_Fenix]

That keyboard sound so good

[@DURR.]

Hi and wow, You can learn a lot just by watching these videos, thanks it helps me understand how to program better :D By the way, may I know what keyboard you are using?

[@Codeminton]

Thanks ;))))
Keyboard FK11 compact

[@hillaryangelicaalvonsosima6420]

I just wanna give you a huge thanks for you cause tNice tutorials is the most helpful video I've had in a wNice tutorialle and it really helped so keep up the

[@gothnate]

Twenty-two seconds int the video and I just learned about html:5 in VS Code! How did I not know about this sooner?!

[@JonnieR]

Waaah, this is so much fun to watch even though I dont understand majority of the codes XD

[@Codeminton]

Nice to hear

[@sertater]

homie didn't speak a single word and i stilled learned more here than in class

[@JimmyMoCapaldi]

Hey Mike, thanks for the video. I am considering purchasing soft softs for the first ti. Do you have the personal version or the

[@meryemtahiri6807]

great work 😍

[@mayankbisht674]

we need more of this 🙏

[@Codeminton]

Thanks for the comment mate. I am trying to produce more content in line with your requests.

[@andrescoral8731]

MIL Gracias por compartir conocimiento/un saludo desde Colombia;

[@hasibalfuad9652]

Could you please tell me what extension did you use here for abbreviation?

[@dargass_]

Nice bro!

[@Naomi-bc8ve]

it's so cooool 😍

[@likekaira]

Amazing advice wow

[@user-tu3wf5ms5w]

I am a student preparing for a developer
This video is like a light shining in a dark cave, I finally stopped crying in a cave, thanks to you
- Sent by a Korean student

[@muhammedshaltoot9665]

Sooooooo beautiful 1+ sub I like when you put source code

[@maryrosepragas916]

Yay! thank you very much for making tNice tutorials video! Very helpful!

[@general_boiii]

Omg so good , i sub XD

[@ASMRcode1]

Nice video 💯

[@emrecanturk3819]

I've been playing on garageband for a couple weeks and just got the trial of softs. I was worried there wouldn't be any clear tutorials, but

[@gauravey1722]

thank you so much

[@asmrprogrammer]

Nice video👍

[@shubananshubo5662]

thanks helpful vid

[@ryanyusuf3620]

Thank you, very productive 17mins of learning. TNice tutorials program is super intimidating from soone who doesn't even play an instrunt.

[@emanuelmamani3444]

very good tutorial

[@MopDa]

My ears had pleasure, my eyes was struggling with all that backspace action

[@imjokerinurlife3002]

what`s name extension to use "import" in css? my project trouble after import "reset.css"

[@Angeal98]

I recommend css property
all: unset;
it allows to ditch all default browser styling for an input.

[@marcossilva9063]

making your own soft using what you’ve learned.

[@mnk2869]

all the different elents together in a language that is universal. I've seen plenty of DAW tutorials being new, but tNice tutorials is by far the best so

[@drillig]

What is the name of his keyboard? 😀

[@rewatbeat]

Thanks.

[@yeralmuzika]

How long have you been coding if you don't mind me asking? How do you not look back at the html while using css- or do you use multiple monitors? Just curious is all.

[@SeantheSkater96]

I doubt he's coming up with the code on the fly - he'll be copying code he wrote previously from another monitor.

[@PrudentialViews]

@@SeantheSkater96 How do you know?

[@SeantheSkater96]

@@PrudentialViews Because unless this person is an absolute programming savant, this is not how software development actually goes for 99.999999999% of the population.

[@Rimsha-Kanwal]

Thanks man, I got the good habit of wanting to learn everytNice tutorialng before I start sotNice tutorialng (wNice tutorialch is impossible) tNice tutorials quick guide is what I

[@shutinyanks]

how do you get the prompt to start a new file and give it a name? All i get is new untitled file its a pita to go in and save and rename each time.

[@moonspace1]

Good job bro 👌

[@Codeminton]

Thanks bro.

[@zilepub]

thank u

[@TheMaP142]

TNice tutorials is so fun editing in it I just saw half of your tutorial and couldn't stop PLAYING WITH ITT dont worry I ca bac k after it

[@nigarsalmanzade68]

i hope your successful as well

[@rafaelpeguero8941]

Man for real

[@emaneezechiel4164]

Sir, I love your approach... keep it up, please... New Subscriber

[@Codeminton]

Thank you for subscribing.

[@user-lu1mu5xo4l]

Whenever i use the GMS and put it in the soft, it holds out the note forever! please help, i am very confused

[@whiteshadow8959]

hello , very usefull video , by the way what keyboard do you use?I will be very gratefull if you answer me).

[@Donkleo]

Love the content!! What shortcuts were you using ?

[@Codeminton]

Thanks. i am using phpstorm shortcuts

[@heroesstars6378]

Which keyboard do you use?

[@i_reversal9329]

Hey, can you tell me what packages you use?

[@raph_lgrnd]

How can i add small logo "eye" on the right to the password

[@rucikkoo]

What the keyboard you using?

[@memeisntlive9054]

What kind of tNice tutorialrd party plug ins an tutorial do you use??

[@twitch.sae7]

To download soft soft is the download free or do u have to pay for it?

[@m.anang_faqih]

Honestly, a very useful tutorial to break the ice going into tNice tutorials software

[@SiddharthVyas]

This just makes me want to imagine how tough is to make apple’s website !

[@nguyendanghuu4562]

I find myself sitting through tNice tutorials video allthough I know all of it, just becuase you're so good at explaining haha

[@matosyury]

What plugins do you use?

[@logixmusic8314]

Dive in!!

[@FalseCheated]

i tried this before and use a little of your code and for me the white background with z index and tge white background its not long enough and i have 0 errors
also all my text is messed up with 0 errors again and copied your code

[@siaratech6837]

nice

[@overdrive112]

Nice video, learned a lot from it. I also added an animation for the gradient background so it changes color and switches angles. With
Body {
animation: gradient ease infinite
}
I set it to 11s and you can adjust the moving angles with keyframes. Easier than I thought :D

[@mcsegador1569]

Where did you get the inage5

[@allahimmuse]

nice video

[@mariahamadeh431]

Yup

[@boom506]

Hey dude, i loved the video, can you tell me what keyboard are you using? It sounds lovely.

[@Codeminton]

fk11 compact keyboard

[@AlexsQuickFacts]

What kind of keyboard are you using?

[@TomasMisura]

nice tutorial. Only the naming convention is overcomplicated

[@kayasa3640]

Wow