ASMR Programming - Modern Login Page UI Design - No Talking

Sdílet
Vložit
  • čas přidán 28. 10. 2022
  • Hello everyone. In this video, i designed a login page using only HTML and CSS. This login page is fully responsive for mobile devices. You can use this login form for your website projects.
    🟢 Free Bootstrap Admin Dashboard Template
    Download: cakeadmin.com/
    🟢 Join my channel for source codes and privileges
    / @codeminton
    🟣 Products in the video
    ✔️ Keyboard: amzn.to/3FvnhW8 (Keyboard Royal Kludge RK68/RK855)
    ✔️ Monitor: amzn.to/3FFdTPJ (ViewSonic 21 Inch Full HD 1080p)
    ✔️ Computer: amzn.to/3E5airQ (Acer Aspire 3)
    🟡 Playlists you might be interested in
    ► Only HTML and CSS Projects → bit.ly/3BFQDyU
    ► Login/Registration/Other Form Designs → bit.ly/3RvK0Eu
    ► Javascript Game Development → bit.ly/3l286Mg
    ► React Web Apps → bit.ly/3ynr1Eb
    ► Tailwind CSS Components → bit.ly/3LqBgzx

Komentáře • 257

  • @stallared
    @stallared Před rokem +9

    Блин какой же приятный канал, и слуху приятно, и на примерах учишься сразу 😊

  • @juanreyes-rk2ij
    @juanreyes-rk2ij Před rokem +27

    Tu contenido es asombroso, y de gran calidad

  • @thewebsmith
    @thewebsmith Před rokem

    I could listen to the sound is that keyboard forever!

  • @gian2570
    @gian2570 Před rokem +19

    Muito bommm!!!

  • @nfjzffzawdawd5214
    @nfjzffzawdawd5214 Před rokem

    not gonna lie your a total expert, nice job

  • @ehidiamhenaigbiluese5407

    Another great vid 👏👏

  • @tastecode
    @tastecode Před rokem

    Thanks for this tutorial

  • @creative_Idea693
    @creative_Idea693 Před rokem

    so amazing your video❤

  • @VICTOR_se18_82
    @VICTOR_se18_82 Před rokem +2

    I just love the intro, now let's move ahead!

  • @lagendtb5272
    @lagendtb5272 Před rokem

    This is so nice

  • @lagendtb5272
    @lagendtb5272 Před rokem

    Uff keyboard sound is so satisfying

  • @it9hektar
    @it9hektar Před rokem +1

    very good login design example 👍👍

  • @csabaszulyak4977
    @csabaszulyak4977 Před rokem +13

    what theme are you using? love it

  • @ps_abhishek
    @ps_abhishek Před rokem +1

    You got a sub.🔥✌️

  • @codzero2332
    @codzero2332 Před rokem

    its greet one! thanks

  • @IAmMammajam
    @IAmMammajam Před rokem

    That’s amazing yo🙌🏾

  • @berat2690
    @berat2690 Před rokem +4

    please post more i'm waiting 😄, very nice videos

  • @Anon33671
    @Anon33671 Před rokem +3

    Could you list the vs code extensions you use?

  • @derucore
    @derucore Před rokem +68

    Hi I'm your new subscriber, May I suggest every time you make a CSS code of each class you save, so that we will be able to see which part are you coding at. Thank you! and btw I love your videos, it helps me learn a lot from CSS html and sass 👌

    • @Codeminton
      @Codeminton  Před rokem +24

      Hello. Thank you for subscribing. Thank you very much for following my videos. Your suggestion is very important to me. I will do my best to make it easier for you to follow the codes. See you in future videos.

    • @derucore
      @derucore Před rokem +1

      @@Codeminton thanks!

  • @andersonafla0039
    @andersonafla0039 Před rokem

    Nice video!

  • @WithSolanki
    @WithSolanki Před rokem

    Keep it up bro🎉❤

  • @lillianpaula2178
    @lillianpaula2178 Před rokem +31

    Você arrasa programando e no design!! Já aprendi muitas coisas com seus vídeos. 🤩👏

  • @noobtopro2108
    @noobtopro2108 Před rokem

    now this is known as true asmr

  • @codehal
    @codehal Před rokem +1

    Nice Video

  • @develcoding
    @develcoding Před 10 měsíci

    Dear @Codeminton I learned a lot from your videos and now i try to make videos like you, please suggest me how I can improve my contacts

  • @dawnscript
    @dawnscript Před rokem

    Wow cool

  • @ivancalisaya4218
    @ivancalisaya4218 Před rokem

    Buen video 👍

  • @ayrl.
    @ayrl. Před rokem +7

    fiz um curso técnico de desenvolvimento de sistemas mas foi a força, odiava programar, mas com esse vídeo me deu até vontade

    • @iamcarlasouza
      @iamcarlasouza Před rokem

      Vixi é muito ruim? Oq você não gostou no curso?

  • @dariocasciato4318
    @dariocasciato4318 Před rokem +3

    Hi! Love your Videos! Is it possible that you put the link of the used Icons/Pictures in the Video description?
    Regards

    • @Codeminton
      @Codeminton  Před rokem +3

      I'm glad you like my videos. I will add in other videos. But I'm sharing it here for you.
      Icon files: tabler-icons.io/
      Picture file: undraw.co/

  • @anonbeasts3779
    @anonbeasts3779 Před rokem

    great video

  • @ricklopes5702
    @ricklopes5702 Před rokem

    amazing!

  • @edwardduarte2373
    @edwardduarte2373 Před rokem

    una pregunta que extesion de scss descargas en VS Code?

  • @muhammadjawad6632
    @muhammadjawad6632 Před rokem

    hey i watch your videos since last 2 years. Can you make a video on CSS layout Responsive.

  • @websolutionspoint3073
    @websolutionspoint3073 Před rokem +1

    Which theme are you using in vscode

  • @Matiias97
    @Matiias97 Před rokem

    Beautiful.
    I have a question, How do you do when you go from the title to the body? What is the shortcut?

  • @fidowjfjw
    @fidowjfjw Před rokem +2

    May i ask which vscode theme is that?

  • @Anon33671
    @Anon33671 Před rokem +1

    Heyyyyy I got stuck at when you watch to style.scss I don’t see the same option to watch style.css in mine can you help

  • @Heericksz
    @Heericksz Před rokem

    Nice

  • @bnkquang3724
    @bnkquang3724 Před rokem

    What visual code font do you use?

  • @infaliatheminicaster2309

    I have an error that the background image is not displayed. Can you show me how to fix it?

  • @subhamsinha2140
    @subhamsinha2140 Před rokem

    how to get that opaque background in vs code?

  • @chiliiyy
    @chiliiyy Před rokem +2

    omg . I want my vs-code to look just like this. Please kind sir, could you share the extensions you are using fkr the themes and background? ❤️❤️ Amazing video btw. Got urself a sub.

    • @toriqulislam1351
      @toriqulislam1351 Před rokem

      There's an extension in VS Code..."Glassit-VSC" I think he is using that one.....

  • @Arif-kv9hm
    @Arif-kv9hm Před rokem +1

    I have tried & the css part doesn't work pls help with the extentions or I don't know whats wrong

  • @asliddinubaydullayev8944

    nice

  • @ShiroNoFune
    @ShiroNoFune Před rokem +1

    Which font are you using on your VSCode, if you don't mind?

    • @Codeminton
      @Codeminton  Před rokem +2

      Consolas, 'Courier New', monospace

  • @robzombie2538
    @robzombie2538 Před rokem

    how to hide the notification of live sass compiler? That is, the one that appears every time you save.

  • @riskirahmat9143
    @riskirahmat9143 Před rokem +1

    what theme your use?

  • @tech.sharpii
    @tech.sharpii Před rokem +1

    Hey man, what is the name of your vs code theme?

  • @noname6363bb
    @noname6363bb Před rokem

    this sounds, this page.....

  • @muneebthecoder
    @muneebthecoder Před rokem +2

    What is the name of your Vs code theme?

  • @guiboobypass
    @guiboobypass Před rokem

    what is the theme of the icons?

  • @hashim2044
    @hashim2044 Před rokem

    Good

  • @programmercat1985
    @programmercat1985 Před rokem

    how do you remember that url for font
    ?

  • @quyettranvan6506
    @quyettranvan6506 Před rokem

    how do you set up vs code?

  • @ikethag0d
    @ikethag0d Před rokem

    How can I make my visual basic look like this?

  • @DammyVirus143
    @DammyVirus143 Před rokem

    Please bro what is the name of your extension?

  • @Bozhidar_Delchev
    @Bozhidar_Delchev Před rokem +2

    Hi! Nice, but one Mistake - "Please login *TI* use our platform".

  • @aj_hari_7
    @aj_hari_7 Před rokem +4

    What's your vs code theme?..... it's looking superb

  • @user-sy9zv8dg6z
    @user-sy9zv8dg6z Před rokem

    What program are you using

  • @ngonguyenquocanh3410
    @ngonguyenquocanh3410 Před rokem

    what's your background theme VS CODE ?

  • @BTwoOne_
    @BTwoOne_ Před rokem

    How to use scss in HTML?

  • @rainbow100_
    @rainbow100_ Před rokem

    Please someone answer where to find the image ?

  • @zijianzhang6174
    @zijianzhang6174 Před rokem +1

    I'm curious, what keyboard is it? Love its sounding

    • @Codeminton
      @Codeminton  Před rokem +1

      I added it to the video description. Royal Kludge RK68

    • @TheLumbersnack
      @TheLumbersnack Před rokem

      @@Codeminton Hi I also use a RK keyboard. What switches do you use in yours? Mine sounds fine but super clunky. Yours sounds like heaven. I think I am using either Cherry or Gad brown switches.

    • @playsuper5008
      @playsuper5008 Před rokem

      ​@@Codeminton switch?

  • @rrrrrrrrrr836
    @rrrrrrrrrr836 Před rokem +2

    I'am so confuse that 4:50 how could you load a picture in VS code and have a SVG file, i tried but it nothing happen!!
    does anyone know??

  • @AndroidDeAlan
    @AndroidDeAlan Před rokem

    And if I try to copy the video code, will the page work for me? What else do I need besides the visual code?

    • @Codeminton
      @Codeminton  Před rokem

      If you apply the codes in the video, your application will work.

  • @xxDRxx1
    @xxDRxx1 Před rokem

    your video help to improve me skill . plz MAKE more video.

  • @lug6363
    @lug6363 Před rokem

    bro which theme do you use?

  • @henriquedelben
    @henriquedelben Před rokem +1

    How did you make your vs code look like that ?

    • @ErdemtugsC
      @ErdemtugsC Před rokem

      He wrote code in app, showed in google chrome

  • @anonymous_basics
    @anonymous_basics Před rokem +2

    what kind of vs code extensions you use?

  • @user-rx5qt9zl3j
    @user-rx5qt9zl3j Před rokem

    what is the language programing you work

  • @00kremufczak
    @00kremufczak Před rokem

    What addons do u use?

  • @ombotak01
    @ombotak01 Před rokem

    New subscribes ❤🎉

  • @emanuelfinger7914
    @emanuelfinger7914 Před rokem

    What is The extension of The $

  • @IkramPlays
    @IkramPlays Před rokem

    scss file not working in vs code...

  • @meerutkavishal
    @meerutkavishal Před rokem

    where to get source code

  • @GradTender
    @GradTender Před rokem

    Please loggin ti use?

  • @chriscentproductions6905

    What was the keyboard shortcut in the beginning???

  • @rizkallahhachlaf4211
    @rizkallahhachlaf4211 Před rokem

    where can i find the svg image ?

  • @speeddesigning112
    @speeddesigning112 Před rokem +2

    background music would have helped relaxing even more brother
    next time a little bit of music as BGM and your videos are gonna be amazing

  • @leonardovemos7490
    @leonardovemos7490 Před rokem

    which is the best switch to program the red or brown?

    • @ErdemtugsC
      @ErdemtugsC Před rokem

      What do you mean?

    • @R7z_Editz
      @R7z_Editz Před rokem +1

      @@ErdemtugsC i think he is talking about keyboard switch.

  • @sherzodbekmakhmudov9332
    @sherzodbekmakhmudov9332 Před 11 měsíci

    Hello, can we download your code somewhere?

  • @nagat5138
    @nagat5138 Před rokem

    Muito bom o vídeo mas acho que poderia melhorar no SEO 😊

  • @arsh10x
    @arsh10x Před rokem +1

    Where I can get that watch Scss button in vscode

  • @outtabubblegum7034
    @outtabubblegum7034 Před rokem

    Are those keyboard keycaps smaller then average, or you have huge hands?

  • @sameurbouzgarrou6494
    @sameurbouzgarrou6494 Před rokem

    nice ,but why did u not use bootstrap it will be easier

  • @akyy460
    @akyy460 Před 10 měsíci

    Looks like my asus apps design

  • @andrediego6131
    @andrediego6131 Před rokem +13

    hey i love these programming vids, i just wanted to say one thing, i think it would be easier to understand and follow what the code youre writing is doing, if it updated real time, or every few seconds, im not sure if thats even possible with vsc but it would be great!

    • @foreigngaming522
      @foreigngaming522 Před rokem

      Its possible. I do it everytime

    • @ruvisarayt3924
      @ruvisarayt3924 Před rokem

      @@foreigngaming522 can you plz tell me how to do that

    • @reunys_1950
      @reunys_1950 Před rokem +2

      @@ruvisarayt3924 I don't know if I remember well, but if you have a Live Server up, you just need to save the file you're coding in, and the page will be updated right away

    • @Moosa_code
      @Moosa_code Před rokem +1

      @@ruvisarayt3924 enable auto save on vs and install the live server extension ,then simply right click your project and open with live server

    • @ErdemtugsC
      @ErdemtugsC Před rokem +1

      @@ruvisarayt3924 maybe go some code learning webs, apps. Some of them updates right away

  • @muhammeday4397
    @muhammeday4397 Před rokem +3

    Can you share the background image of the page?

  • @Imjoombush
    @Imjoombush Před rokem +1

    show your settings and extensions please

  • @nguyentheson9315
    @nguyentheson9315 Před rokem

    Can i get your vscode theme?

  • @anaclaranascimentocoutinho88

    how can i get acces to the source code of this video?

  • @a.k3819
    @a.k3819 Před rokem +1

    I like your previous keyboard more.

  • @el.wolfy_
    @el.wolfy_ Před rokem

    Song?

  • @nandishajani
    @nandishajani Před rokem

    Which keyboard are you using?

    • @Codeminton
      @Codeminton  Před rokem +1

      Check the video description dude

  • @Rider_0170
    @Rider_0170 Před rokem

    what the theme bro?

  • @juaniaguero8417
    @juaniaguero8417 Před rokem

    Hi! What can i turn mi vs code transparent???

  • @zawadhossain6264
    @zawadhossain6264 Před rokem

    Theme name?

  • @ardiwiryaindarto7010
    @ardiwiryaindarto7010 Před rokem

    Thank you, I've made it on my own device

  • @huariamazgacontigo
    @huariamazgacontigo Před rokem +1

    Falta la conexión 😪 ese formulario esta bonito pero falta conexión

  • @fosk-
    @fosk- Před rokem

    04:53 what is the link of the image