ASMR Programming - Modern Login Form Design - No Talking (Only HTML CSS)
HTML-код
- Опубликовано: 5 июл 2024
- 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
Did you like this video? Please don't forget to subscribe to my channel for more videos 😊
Could you please make this a series
Alguien me puede explicar por qué siempre usan div???
loved the video. already liked and subscribed. greetings from U(rugua)Y
@@sideralUY Hello. Thank you.
It was very good, keep it up buddy ; We are waiting for more videos
This is so beautiful, readable and understandable, yet so elegant! As a beginner, I absolutely love it! Keep it going man! +1 sub
AMAZING tutorial! One of the most comprehensive tutorials I've seen for anytNice tutorialng. Thanks so much!
Omg, you explained it very simply! It's really easy to understand. Thank you so much! I've always wanted to learn these.
Explain? He didn’t talk a shit 😂
Make more content like this man, I loved this ❤️❤️
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.
the keyboard sounds phenomenal
TNice tutorials is exactly what I needed to understand the UI. Great tutorial!
That's really nice.
Well done !
By far the best tutorial i found to tNice tutorials in a short ti
I see a greater potential here with ASMR coding I'm just new in the game!
You made it so clear. Thanks a lot!
Very helpful, and surprisingly therapeutic
Clicked on the video intending to only watch a few minutes. Here I am 25 minutes later. You got my sub buddy
great thanks for that! Very clear and articulate!
Thanks for the tutorial. I did it step by step with you.
so clean, good job
Love the sound from your keyboard bruh!
I never watched something like that before but it was awesome!
The best soft soft tutorial ever!
bro wtf is soft soft
AMAZING tutorial!
Hey man, It works great and without any problems.
Might be the best coding video i've ever seen
Thanks
Just what I was looking for
Hey Mike, thanks for the video. I am considering purchasing soft softs for the first ti. Do you have the personal version or the
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
beatifully done!
TNice tutorials was so detailed! Great video for beginners. Thank you!
+ 1 subscriber thanks for the walk through...loved it 💯
so much. Can’t wait to start making soft.
homie didn't speak a single word and i stilled learned more here than in class
You're great man. Thank you!
Thank you.
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
Twenty-two seconds int the video and I just learned about html:5 in VS Code! How did I not know about this sooner?!
That keyboard sound so good
Waaah, this is so much fun to watch even though I dont understand majority of the codes XD
Nice to hear
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?
Thanks ;))))
Keyboard FK11 compact
It did work thank you :)
Worked, thx
This was great 👍👌
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
love you
for source code
Great content, very useful
Thank you, very productive 17mins of learning. TNice tutorials program is super intimidating from soone who doesn't even play an instrunt.
Could you please tell me what extension did you use here for abbreviation?
great work 😍
MIL Gracias por compartir conocimiento/un saludo desde Colombia;
Yay! thank you very much for making tNice tutorials video! Very helpful!
Nice bro!
Sooooooo beautiful 1+ sub I like when you put source code
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
I recommend css property
all: unset;
it allows to ditch all default browser styling for an input.
we need more of this 🙏
Thanks for the comment mate. I am trying to produce more content in line with your requests.
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
it's so cooool 😍
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
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
My ears had pleasure, my eyes was struggling with all that backspace action
very good tutorial
making your own soft using what you’ve learned.
Amazing advice wow
Nice video👍
Man for real
Omg so good , i sub XD
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.
I doubt he's coming up with the code on the fly - he'll be copying code he wrote previously from another monitor.
@@SeantheSkater96 How do you know?
@@PrudentialViews Because unless this person is an absolute programming savant, this is not how software development actually goes for 99.999999999% of the population.
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
Nice video 💯
hello , very usefull video , by the way what keyboard do you use?I will be very gratefull if you answer me).
Love the content!! What shortcuts were you using ?
Thanks. i am using phpstorm shortcuts
thank you so much
thanks helpful vid
Sir, I love your approach... keep it up, please... New Subscriber
Thank you for subscribing.
what`s name extension to use "import" in css? my project trouble after import "reset.css"
i hope your successful as well
What is the name of his keyboard? 😀
To download soft soft is the download free or do u have to pay for it?
Thanks.
Hey dude, i loved the video, can you tell me what keyboard are you using? It sounds lovely.
fk11 compact keyboard
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.
What plugins do you use?
Good job bro 👌
Thanks bro.
Which keyboard do you use?
thank u
This just makes me want to imagine how tough is to make apple’s website !
Hey, can you tell me what packages you use?
I find myself sitting through tNice tutorials video allthough I know all of it, just becuase you're so good at explaining haha
Dive in!!
I love the sound of the keyboard, just wanting to know what keyboard is that?
fk11 compact keyboard
What the keyboard you using?
Nice video! What keyboard is this?
Thanks. Keyboard: a4 tech fk11
nice tutorial. Only the naming convention is overcomplicated
Honestly, a very useful tutorial to break the ice going into tNice tutorials software
What kind of keyboard are you using?
Whenever i use the GMS and put it in the soft, it holds out the note forever! please help, i am very confused
What kind of tNice tutorialrd party plug ins an tutorial do you use??
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
What keyboard do you use?
what keyboard are u using?
sotNice tutorialng either - I assu that works with Edison too) and I never thought about after that. Now, at tNice tutorials mont, I am inspired! I am
which operating system do you use?