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

Подписаться 44 тыс.

Просмотров 397 тыс.

50% 1

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

Опубликовано:

20 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 340

@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

@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.

@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 3 месяца назад

Explain? He didn’t talk a shit 😂

@gaurattimothy3519 Год назад

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

@zema6433 Год назад

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

@squadrythm7856 Год назад

great thanks for that! Very clear and articulate!

@drgothmania Год назад

You made it so clear. Thanks a lot!

@kemalsoydere4296 Год назад

That's really nice. Well done !

@meep9683 Год назад

the keyboard sounds phenomenal

@areskain6083 Год назад

Very helpful, and surprisingly therapeutic

@adamrosariorodriguez Год назад

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

@ThiagomizukiC Год назад

so clean, good job

@tubecoder4750 Год назад

Love the sound from your keyboard bruh!

@sandeepvanam1207 Год назад

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

@askalon7817 Год назад

Just what I was looking for

@JavawithEgimoro 8 месяцев назад

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

@ASMRCODEHARMONY 4 месяца назад

AMAZING tutorial!

@Lamesawebproducciones Год назад

The best soft soft tutorial ever!

@LilYet Год назад

bro wtf is soft soft

@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

@le3lux Год назад

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

@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

@pauljohn3898 Год назад

beatifully done!

@user-rc3fd4iv6o Год назад

Hey man, It works great and without any problems.

@ui_vibes 9 месяцев назад

Great content, very useful

@tonikrug6378 Год назад

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

@andrescoral8731 11 месяцев назад

MIL Gracias por compartir conocimiento/un saludo desde Colombia;

@lucholaqs3832 Год назад

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

@moingauthe7914 Год назад

It did work thank you :)

@CLASHSARADR722 6 месяцев назад

love you for source code

@maryrosepragas916 Год назад

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

@vanquoctrinh1934 Год назад

Worked, thx

@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

@RealWorldMen Год назад

You're great man. Thank you!

@Codeminton Год назад

Thank you.

@user-zs3by6wq2p Год назад

This was great 👍👌

@TaylorVal Год назад

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

@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

@TheNilliz85 Год назад

Might be the best coding video i've ever seen

@Codeminton Год назад

Thanks

@meryemtahiri6807 Год назад

great work 😍

@ryanyusuf3620 Год назад

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

@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

@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

@dargass_ Год назад

Nice bro!

@The_Anime_Fenix Год назад

That keyboard sound so good

@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?!

@gauravey1722 Год назад

thank you so much

@muhammedshaltoot9665 11 месяцев назад

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

@Naomi-bc8ve Год назад

it's so cooool 😍

@shubananshubo5662 Год назад

thanks helpful vid

@likekaira Год назад

Amazing advice wow

@Angeal98 Год назад

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

@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

@mayankbisht674 Год назад

we need more of this 🙏

@Codeminton Год назад

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

@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

@emanuelmamani3444 Год назад

very good tutorial

@asmrprogrammer Год назад

Nice video👍

@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

@ASMRcode1 25 дней назад

Nice video 💯

@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

@rewatbeat Год назад

Thanks.

@JonnieR Год назад

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

@Codeminton Год назад

Nice to hear

@hasibalfuad9652 Год назад

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

@sertater Год назад

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

@rafaelpeguero8941 Год назад

Man for real

@zilepub Год назад

thank u

@general_boiii Год назад

Omg so good , i sub XD

@moonspace1 Год назад

Good job bro 👌

@Codeminton Год назад

Thanks bro.

@whiteshadow8959 Год назад

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

@MopDa Год назад

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

@nigarsalmanzade68 Год назад

i hope your successful as well

@imjokerinurlife3002 Год назад

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

@shahi0078 Год назад

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

@emaneezechiel4164 Год назад

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

@Codeminton Год назад

Thank you for subscribing.

@i_reversal9329 Год назад

Hey, can you tell me what packages you use?

@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.

@memeisntlive9054 Год назад

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

@kayasa3640 Год назад

Wow

@marcossilva9063 Год назад

making your own soft using what you’ve learned.

@logixmusic8314 Год назад

Dive in!!

@heroesstars6378 11 месяцев назад

Which keyboard do you use?

@m.anang_faqih Год назад

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

@rucikkoo Год назад

What the keyboard you using?

@nguyendanghuu4562 Год назад

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

@allahimmuse Год назад

nice video

@siaratech6837 Год назад

nice

@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.

@TomasMisura Год назад

nice tutorial. Only the naming convention is overcomplicated

@theraven.4 Год назад

So, to make my life easier essentially complete HTML --> CSS --> JavaScript in that order and ensure that I validate both the requirements and design before construction.

@mariahamadeh431 Год назад

Yup

@twitch.sae7 Год назад

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

@matosyury Год назад

What plugins do you use?

@mcsegador1569 5 месяцев назад

Where did you get the inage5

@vedantkanoujia Год назад

second screen go the reaspect

@Donkleo Год назад

Love the content!! What shortcuts were you using ?

@Codeminton Год назад

Thanks. i am using phpstorm shortcuts

@dorito2469 3 месяца назад

What keyboard do you use?

@digitalassetmakers2582 Год назад

The reason for my asking, is due to crackling/distorting soft, whenever the drum/snare, or whatever is playing. TNice tutorials was the case off

@younglink680 Год назад

cool keyboard. learn vim! it will help you move around the screen. you don't have to be an expert at it but it certainly helps for jumping around a word

@Codeminton Год назад

Thank you for your suggestion.

@LilYet Год назад

bro vim sucks for web development