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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 338

  • @Codeminton
    @Codeminton  2 ปีที่แล้ว +103

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

    • @86_magical30
      @86_magical30 2 ปีที่แล้ว +3

      Could you please make this a series

    • @super1374
      @super1374 ปีที่แล้ว

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

    • @sideralUY
      @sideralUY ปีที่แล้ว +1

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

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      @@sideralUY Hello. Thank you.

    • @samazad6509
      @samazad6509 ปีที่แล้ว +1

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

  • @dew3968
    @dew3968 2 ปีที่แล้ว +186

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

  • @Xanar
    @Xanar ปีที่แล้ว +4

    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.

  • @meep9683
    @meep9683 ปีที่แล้ว +2

    the keyboard sounds phenomenal

  • @구우-j6h
    @구우-j6h ปีที่แล้ว

    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

  • @andrescoral8731
    @andrescoral8731 ปีที่แล้ว

    MIL Gracias por compartir conocimiento/un saludo desde Colombia;

  • @yeralmuzika
    @yeralmuzika ปีที่แล้ว +9

    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
      @SeantheSkater96 ปีที่แล้ว +1

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

    • @PrudentialViews
      @PrudentialViews ปีที่แล้ว

      @@SeantheSkater96 How do you know?

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

  • @emaneezechiel4164
    @emaneezechiel4164 ปีที่แล้ว

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

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      Thank you for subscribing.

  • @dorito2469
    @dorito2469 7 หลายเดือนก่อน

    What keyboard do you use?

  • @graey14
    @graey14 ปีที่แล้ว

    what keyboard are u using?

  • @nataliavergara6290
    @nataliavergara6290 2 ปีที่แล้ว

    like u read my mind

  • @dedevlog283
    @dedevlog283 2 ปีที่แล้ว

    "Here we have the P atterns. Now these P atterns are..."

  • @raulsiatat.9031
    @raulsiatat.9031 2 ปีที่แล้ว

    "Let's pick a color to organize tNice tutorials" *picks the sa red for every soft

  • @shuvroemon1463
    @shuvroemon1463 2 ปีที่แล้ว

    The soft of Gaia it really isn’t

  • @tyagowiesner6749
    @tyagowiesner6749 ปีที่แล้ว

    What is keyboard?

  • @ceromb
    @ceromb ปีที่แล้ว

    What is the reset.css for? I am just curious beginner here ✋

    • @Codeminton
      @Codeminton  ปีที่แล้ว +1

      Used to reset default browser features

  • @StatusHeaven12
    @StatusHeaven12 ปีที่แล้ว

    18:16 to 18:17 which key you used in second time.. Please help me 🥺🥺

    • @Codeminton
      @Codeminton  ปีที่แล้ว +1

      I saved the changes (CTRL + S)

    • @StatusHeaven12
      @StatusHeaven12 ปีที่แล้ว

      @@Codeminton thank you sir.. One more question when i enter transition : background . 5s.. The background is showing error.. How can i fix this.. Help me ❤‍🩹

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      A preview of the project: codeminton.github.io/purple-login-page/
      You can compare it with your own code.

    • @StatusHeaven12
      @StatusHeaven12 ปีที่แล้ว

      @@Codeminton Thankyou sir.. I will check it.. Thank you for your valuable time 🤍

  • @mdsohelrana8690
    @mdsohelrana8690 2 ปีที่แล้ว +52

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

    • @harulams
      @harulams 8 หลายเดือนก่อน

      Explain? He didn’t talk a shit 😂

  • @drillig
    @drillig ปีที่แล้ว +3

    What is the name of his keyboard? 😀

  • @whiteshadow8959
    @whiteshadow8959 ปีที่แล้ว +1

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

  • @imjokerinurlife3002
    @imjokerinurlife3002 ปีที่แล้ว +1

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

  • @mindblower113
    @mindblower113 ปีที่แล้ว +11

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

  • @DURR.
    @DURR. ปีที่แล้ว +5

    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
      @Codeminton  ปีที่แล้ว +1

      Thanks ;))))
      Keyboard FK11 compact

  • @nosensetj
    @nosensetj ปีที่แล้ว +1

    crazy how botted this look at this comment section lmfao

    • @rainerzufahl
      @rainerzufahl ปีที่แล้ว

      Yeah right? I was wondering if no one else noticed how bad this content section looks

  • @voksy3192
    @voksy3192 6 หลายเดือนก่อน +1

    this keyboard its soo goofy im crying ahahha

  • @younglink680
    @younglink680 ปีที่แล้ว +1

    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
      @Codeminton  ปีที่แล้ว

      Thank you for your suggestion.

    • @LilYet
      @LilYet ปีที่แล้ว

      bro vim sucks for web development

  • @rucikkoo
    @rucikkoo ปีที่แล้ว +1

    What the keyboard you using?

  • @Stepqen
    @Stepqen ปีที่แล้ว

    Now time to figure out have to store the login information so they can login….. And add permissions to their logins 😂😢

  • @billyrayatienza509
    @billyrayatienza509 2 ปีที่แล้ว

    Ive watched tNice tutorials a couple tis and i tNice tutorialnk the key is to slow the video down to .75. TRY IT!!!

  • @zema6433
    @zema6433 2 ปีที่แล้ว +1

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

  • @MrHome-hh2tl
    @MrHome-hh2tl ปีที่แล้ว

    how to refresh the program like in the video, it's simple, go directly to the web page, how about that? if you answer i will subscribe

  • @heroesstars6378
    @heroesstars6378 ปีที่แล้ว +1

    Which keyboard do you use?

  • @f5team
    @f5team 2 ปีที่แล้ว

    Why dosnt it soft the sa though I've watched it over and over so many tis?

  • @I_Have_Iman
    @I_Have_Iman ปีที่แล้ว

    Use ctrl+enter to make a free line after a code.
    lock (pressing ctrl+Enter)
    ******it will make a new line between current line and next line. in VS code.

  • @XiaoHC
    @XiaoHC 2 ปีที่แล้ว

    them "happen". Only tNice tutorialng I can do is click on kick snare and Nice tutorial-hats lol

  • @leenibeeni
    @leenibeeni 2 ปีที่แล้ว

    open GMS window tNice tutorialng, look at blue screen on left, look at it's bottom right corner where for you it might say "Aggressive TE". click the

  • @smokecoffee8191
    @smokecoffee8191 2 ปีที่แล้ว

    What's your keyboard? Im trying to find the best silent one. I want to asmr myself in the night..

  • @555pontifex
    @555pontifex ปีที่แล้ว

    Very nice. But there's one very weird thing you did. Instead of 'calc(1rem * .8)' you could simply type '.8rem' absolutely no difference in meaning.

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      You're right. Sometimes it can be overlooked

  • @abdelstefin2689
    @abdelstefin2689 2 ปีที่แล้ว

    is no one gonna to notice that how he is wearing Nice tutorials headphone?(Rip Gramr)

  • @vanfreemanhs2037
    @vanfreemanhs2037 ปีที่แล้ว

    Good tutorial, but the keyboard in this video should have been hidden. Closes part of the content and does not carry any payload

  • @happiie7311
    @happiie7311 ปีที่แล้ว

    I'm a web developer since five years now, but noboy ever told me about Emmet.

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

  • @hasibalfuad9652
    @hasibalfuad9652 ปีที่แล้ว +1

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

  • @Vytor_01
    @Vytor_01 ปีที่แล้ว

    *.create-game*
    "presses enter"
    "game: starts to being generated"

  • @zielujestem
    @zielujestem ปีที่แล้ว

    Przecież ta klawiatura tak oryginalnie nie chodzi...

  • @Z4yx
    @Z4yx ปีที่แล้ว

    I miss read ASM (Assembly) Login with GUI :v

  • @tarunr1949
    @tarunr1949 ปีที่แล้ว

    The new youtube design really sucks i mean where is my red sub button wth youtube

  • @memeisntlive9054
    @memeisntlive9054 2 ปีที่แล้ว

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

  • @everglowsubs717
    @everglowsubs717 2 ปีที่แล้ว

    I'm the opposite lol I can already make decent s I just want to learn soft

  • @raph_lgrnd
    @raph_lgrnd ปีที่แล้ว

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

  • @Dayupmedia
    @Dayupmedia 2 ปีที่แล้ว

    I'm with a i7 10th gen processor with 32 GB ram.

  • @duyquang611
    @duyquang611 2 ปีที่แล้ว

    successful. TNice tutorials video has made tNice tutorials software SO simple to understand that I have full confidence I will be able to beco super efficient

  • @melisajoun1706
    @melisajoun1706 2 ปีที่แล้ว

    I don’t even listen to Nice tutorialm im just reading the comnts lmao

  • @Autoprom500
    @Autoprom500 ปีที่แล้ว

    You : Buy me a coffee → Me: Ok keep☕☕☕ You : Thank you! Me : My pleasure😁.

  • @LuUhsar
    @LuUhsar ปีที่แล้ว

    Where can i get this keyboard? I wanna code in asmr too 😫

  • @LuminousWhispers11
    @LuminousWhispers11 ปีที่แล้ว

    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.

  • @sloppyy
    @sloppyy ปีที่แล้ว

    damn i've been doing so much extra typing in vscode

  • @rengarenksut
    @rengarenksut 9 หลายเดือนก่อน

    bro why do you use Turkish Q keyboard (i am Turkish)

  • @de132
    @de132 ปีที่แล้ว

    I didn't know Emmet Abbreviations existed.

  • @kevinsamir4655
    @kevinsamir4655 2 ปีที่แล้ว

    comnts, even though they paid for their versions.

  • @justsaybobby
    @justsaybobby ปีที่แล้ว

    so many divs omg. why not use actual semantics?

  • @huseyinsariyev2869
    @huseyinsariyev2869 2 ปีที่แล้ว

    im too dumb to understand i will stick to only my guitar

  • @muhammad.618
    @muhammad.618 2 ปีที่แล้ว

    Krazy , get out of here. That was funny, really funny

  • @anaclaranascimentocoutinho88
    @anaclaranascimentocoutinho88 ปีที่แล้ว

    the user can really sign in another platform??

  • @gulamsarwar8258
    @gulamsarwar8258 2 ปีที่แล้ว

    Can anyone give a link to download crack soft soft ?

  • @SectionDee
    @SectionDee 2 ปีที่แล้ว

    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

  • @svennijhof2255
    @svennijhof2255 ปีที่แล้ว

    this would be really helpful for me so i coded along with you, however nothing i typed in the style.css file actually worked on the webpage itself. Can someone maybe help me with this because im stuck

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      What is the problem?

    • @svennijhof2255
      @svennijhof2255 ปีที่แล้ว

      @@Codeminton For me, the index.html file works perfectly, but then every customization i make in the style.css file doesn’t actually change the website, i wrote the whole block with you but am still stuck with a white background and everything, just like you had before you went in to the .css file if that makes any sense

  • @artexperts8691
    @artexperts8691 ปีที่แล้ว

    bruda which keyboard are u using ...
    love from india bro

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      fk11 compact. Kind regards.

  • @mark-nz8xc
    @mark-nz8xc ปีที่แล้ว +1

    what keyboard is it ?

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      fk11 compact keyboard

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

  • @jiminreyescastillo8243
    @jiminreyescastillo8243 ปีที่แล้ว

    Can someone clarify something for me please?

  • @i_reversal9329
    @i_reversal9329 ปีที่แล้ว

    Hey, can you tell me what packages you use?

  • @AlexsQuickFacts
    @AlexsQuickFacts ปีที่แล้ว

    What kind of keyboard are you using?

  • @piyushmishra6595
    @piyushmishra6595 2 ปีที่แล้ว

    TNice tutorialnk of Nice tutorials colours like mbers of the band. All the "drum stuff" will be red, All the app might be green, softs, blue, keyboards Rose

  • @Ashfaq_Bodla
    @Ashfaq_Bodla 2 ปีที่แล้ว

    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

  • @digitalassetmakers2582
    @digitalassetmakers2582 2 ปีที่แล้ว

    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

  • @Angeal98
    @Angeal98 ปีที่แล้ว

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

  • @a_suasn21
    @a_suasn21 2 ปีที่แล้ว +1

    Nice video! What keyboard is this?

    • @Codeminton
      @Codeminton  2 ปีที่แล้ว +1

      Thanks. Keyboard: a4 tech fk11

  • @brayangomez1780
    @brayangomez1780 ปีที่แล้ว

    bro, leave the download of your codding

  • @proddima
    @proddima ปีที่แล้ว

    which operating system do you use?

  • @selectablekitchen5315
    @selectablekitchen5315 2 ปีที่แล้ว

    trying to learn soft so I am easily understanding everytNice tutorialng but I don't tNice tutorialnk it is for complete beginners who just opened the soft literally 5

  • @oxfoxy8102
    @oxfoxy8102 ปีที่แล้ว

    Bro!! HTML , CSS se link nahi ho raha hai🤦‍♂🤦‍♂

    • @oxfoxy8102
      @oxfoxy8102 ปีที่แล้ว

      ohh....reset.css ko kiya kar rahe ho o samaj nahi a raha hai!!!

  • @angeloclauin4081
    @angeloclauin4081 ปีที่แล้ว

    This keyboard is not supposed to do that sound

  • @shahi0078
    @shahi0078 2 ปีที่แล้ว

    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

  • @lucymendozarex38
    @lucymendozarex38 2 ปีที่แล้ว +2

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

  • @alexandriagrosso1952
    @alexandriagrosso1952 2 ปีที่แล้ว

    Who's making fnf covers lmao

  • @TheMaP142
    @TheMaP142 2 ปีที่แล้ว

    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

  • @TaylorVal
    @TaylorVal ปีที่แล้ว

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

  • @ryanyusuf3620
    @ryanyusuf3620 2 ปีที่แล้ว

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

  • @MrKeveran
    @MrKeveran ปีที่แล้ว

    Why did you do calc(1rem * .8) instead of just .8rem at 12.42

    • @Codeminton
      @Codeminton  ปีที่แล้ว

      It was unnecessary. You're right

    • @MrKeveran
      @MrKeveran ปีที่แล้ว

      @@Codeminton Okay, it just got me a bit confused as I am just learning myself, thanks.

  • @avPeter.
    @avPeter. ปีที่แล้ว

    What kind of keyboard is that?

  • @sajtospogacsa6691
    @sajtospogacsa6691 ปีที่แล้ว

    What is the name of this color theme?

  • @chanunwee4898
    @chanunwee4898 ปีที่แล้ว

    Bro what is ur keyboard?

  • @懒人核心
    @懒人核心 2 ปีที่แล้ว

    I'm trying to learn even though I only have fruity edition instead of the producer edition

  • @gabehwho
    @gabehwho ปีที่แล้ว

    can i change the bg with jpeg instead of gradient bg at css?

  • @emrecanturk3819
    @emrecanturk3819 2 ปีที่แล้ว

    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

  • @मराठी-परिवर्तनातुनयशाकडे

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

  • @sakkarinsawad548
    @sakkarinsawad548 2 ปีที่แล้ว

    on Program inside the screen.

  • @methaguide
    @methaguide 2 ปีที่แล้ว

    I managed to make a simpel rythm in 3 hours… I tNice tutorialnk I will try more so I can get more EXP points ;D

  • @mcsegador1569
    @mcsegador1569 9 หลายเดือนก่อน

    Where did you get the inage5