You can code, yes, but you also have an amazing talent for taking information and conveying it in a way that makes us easily understand it. That is a rare talent. Thanks for all the videos! ❤💯👍
Just a tip for people who want to use this form. Never let a hacker know they have the right username and just the wrong password! This could be a very nice registration form however!
Great video. You might consider adding visibility: hidden instead of display: none for your error/success messages so that the form doesn't change size when they appear/disappear just like your choice to use box-shadow instead of border. Thanks @peter schmid I corrected my comment.
Agree with the audio, but wow what a great video. Would have loved more about the error handling. That part went so fast.. lol #anotherwinnervideo Thank you!
Hey Kyle, (I just realized that the 300 comments starts like this lol) I would like you to check T3 stack and develop a fullstack application on it, something like a todo app with full CRUD capabilities is very very easy with those tools and will help people to do fullstack apps with ease. I believe you'll love it too. Cheers.
Thank you for all your selfless work, the videos are great, and ez to follow. Keep em coming. I suggest a video on various ways to build and deploy a react app on cloud..
Hey Kyle love your videos , can you please make a video of how to do authentication with Google sign in /signup etc if possible with the MERN stack? thank you
Thank you for taking the time to demostrate this. May i ask you build on this with a register link. Then using the same style you do a create an account form?
idk if it me only but your audio kinda cuts randomly in the middle of the video and it mostly occurs when you are finishing a sentence you were saying!
As far as being able to do that from 0 is always a skill that might come in handy, I think since we got MUI, useForm, yup and more, then there's really no point in doing all the work itself. On the other hand, this tutorial is most likely not toward people that want the most efficent and easiest way, more for people still getting their skill in, so anyway - great video, man!
Anybody that had the same background image issue, make sure the image file is inside your folder. I was stuck on that part for some time figuring it out. Still a beginner thats why, thanks
I'm new to web dev and I just wanna know why you added those success and error messages because they're always on display if we choose them to. Is it for later js validation purposes or something? I just want to clear that doubt. Great content btw 🙌🏾
A nice video tutorial. I guess the audio issues are already noticed by you. I have a slight remark regarding setting the font family on *, *::before and *::after. I would do it on :root to reduce the amount of forced font settings on each and every element, although in this case it’s probably not that noticeable.
At 19:20 I have never been a fan of making the form get grow when adding a success or error message, then shrink when it is not there. Think I would rather change the opacity of the span for it. PS: As with the last video I watched your voice is breaking a bit, guessing your mic is getting old. But it was not as bad as last time.
A long time ago I learned somewhere to add "margin: 0" and "padding: 0" to those basic settings in the beginning ? Is that still nowadays a good idea ?
In VS Code, you can place your cursor over any word, and keep pressing CTLR+D (CMD+D, for mac) to keep selecting the next instance of that word. The shortcut differs based on IDEs
I am recently watching your videos and found very helpful for web development. Also, can anyone tell me how to rename a block of selected variables in together at 2:29. Thanks!🙏
I can't get the background image to display. Is the jpg you used stored locally? I downloaded an image and saved it in the same directory as the html and css files. Edit: when I typed style and enter to let vscode link the stylesheet it generated link to style.css not styles.css. seriously vscode?
Hi Kyle, I noticed that you usually don't do margin: 0; and padding: 0; inside the * selector. Is there any reason for not including these two resets inside *,*::before,*::after{} block?
The coding went fine, but I found it a little disconcerting that the cursor would disappear when moved over the "input" boxes. So, I added the following to ".input-group input {cursor: s-resize}". Now, the cursor doesn't disappear.
Hey can you make a video on something when we hover on image show the tag of person.As in facebook you may have seen that we we look at a picture of group and when we hover on specific image of a person facebook shows name of person that kind of.
From the past couple of videos you are having some issue with the mic, or something going wrong while editing. Could not hear your voice properly, it's breaking
Hey Kyle, I think there’s some audio issues as your voice was muting occasionally. Great video by the way!
this one and the last one.
Low attack setting on the mic software.
Same for me as well
Maybe a reupload with new audio is on the cards?
Ok, i'm not the only one. Can stop searching of the problem was at my side 😀
Greetz from Belgium
You can code, yes, but you also have an amazing talent for taking information and conveying it in a way that makes us easily understand it. That is a rare talent. Thanks for all the videos! ❤💯👍
that border and box-shadow tips is really helpful, thanks for this information Kyle!
The variable trick for the Alpha value was amazing, thank you for that. Now I got to find a way to use it for every thing, not just the colors.
😁Hello Mrs Sophia is legit and her method works like magic I keep on earning every single week with her new strategy.
Wow I' m just shock someone mentioned expert Mrs Sophia I thought I' m the only one trading with her
She helped recovered what I lost trading on my self
I think I'm blessed because if not I wouldn't have met someone who is as spectacular as expert Mrs Sophia
I think that she is the best broker I ever seen
She is real and trustworthy
Just a tip for people who want to use this form.
Never let a hacker know they have the right username and just the wrong password!
This could be a very nice registration form however!
Yes, only give the minimum info required for anything like this.
Great video. You might consider adding visibility: hidden instead of display: none for your error/success messages so that the form doesn't change size when they appear/disappear just like your choice to use box-shadow instead of border.
Thanks @peter schmid I corrected my comment.
you mean visibility: hidden?
@@ajsyt he said display: hidden before, he changed it now, i was just correcting him
Thats not how you write css, you should use a fixed height of the outer div, you shouldnt render things you dont use.
thanks for this
very good explained, Kyle. Another good one. Thanks
Stop, collaborate and listen. Ice is back with a brand new login
Agree with the audio, but wow what a great video. Would have loved more about the error handling. That part went so fast.. lol #anotherwinnervideo Thank you!
Would've needed this video back in May/June, but I managed to make it myself, but now I can learn how to do it properly (in a technical way) :D
Hey Kyle, (I just realized that the 300 comments starts like this lol) I would like you to check T3 stack and develop a fullstack application on it, something like a todo app with full CRUD capabilities is very very easy with those tools and will help people to do fullstack apps with ease. I believe you'll love it too. Cheers.
As always great content, we are also following your footsteps to share the knowledge we possess.
Always delivering the goods!
Congrats on million!
Your guitar looks so metal. 2 mil sub guitar playing reveal will be cool.
Kyle, you are breathtaking!
The audio keeps cutting out in this video whenever you get too quiet
Thank god, i thought it was my headphones failing
Thank you for all your selfless work, the videos are great, and ez to follow. Keep em coming. I suggest a video on various ways to build and deploy a react app on cloud..
Just use Vercel dude, it’s just a matter of linking the git repo
@@uneland what I couldn't do on git hub pages, I did on vercel.. thanks man :)
Hey Kyle love your videos , can you please make a video of how to do authentication with Google sign in /signup etc if possible with the MERN stack? thank you
Yes, we need this
Love from Uganda 🇺🇬
One of my favorites ! many Principles in This
Keep accessibility in mind. I'm not sure the contrast with so much opacity would pass.
Thank you for taking the time to demostrate this.
May i ask you build on this with a register link.
Then using the same style you do a create an account form?
Cool!
But very annoying resizing when a validation message appears...
You could put border: 1px solid transparent on input and then you can use border on focus
It was a fantasitc video but there was some problem with your voice.
Thanks for this beautiful tutorial.
awesome video, as always :)
This would take me all day. It takes this guy less than 20mins. lol. fml.
Man you are just amazing thank you so much for sharing your knowledge ✌️
very satisfied with this css style and html :> thank you
idk if it me only but your audio kinda cuts randomly in the middle of the video and it mostly occurs when you are finishing a sentence you were saying!
Excellent video. Thanks!
As far as being able to do that from 0 is always a skill that might come in handy, I think since we got MUI, useForm, yup and more, then there's really no point in doing all the work itself. On the other hand, this tutorial is most likely not toward people that want the most efficent and easiest way, more for people still getting their skill in, so anyway - great video, man!
Anybody that had the same background image issue, make sure the image file is inside your folder. I was stuck on that part for some time figuring it out. Still a beginner thats why, thanks
THANKS, A TON!!!
U have some audio issues great vid
so understandable....thanks a lot man
I'm new to web dev and I just wanna know why you added those success and error messages because they're always on display if we choose them to. Is it for later js validation purposes or something? I just want to clear that doubt. Great content btw 🙌🏾
A nice video tutorial. I guess the audio issues are already noticed by you. I have a slight remark regarding setting the font family on *, *::before and *::after. I would do it on :root to reduce the amount of forced font settings on each and every element, although in this case it’s probably not that noticeable.
Is this a repost from 2012, or what exactly does "modern" imply here? Technically great as always, design wise anything but modern.
Love from India❤❤
Isn't the tag fieldset meant for what is now .input-group ?
At 19:20 I have never been a fan of making the form get grow when adding a success or error message, then shrink when it is not there. Think I would rather change the opacity of the span for it.
PS: As with the last video I watched your voice is breaking a bit, guessing your mic is getting old. But it was not as bad as last time.
exactly what i'm lookng for !!!
A long time ago I learned somewhere to add "margin: 0" and "padding: 0" to those basic settings in the beginning ? Is that still nowadays a good idea ?
Hey kyle do you have any video for making very good looking glossy portfolio website.
hi, is it okay to use flex inside flex ?
there is a cool lib called glass ui perfect for this job u guys should check it out
2:28 How do you select all instances of specific word (ie email) in selected text and change to "Password"?
In VS Code, you can place your cursor over any word, and keep pressing CTLR+D (CMD+D, for mac) to keep selecting the next instance of that word. The shortcut differs based on IDEs
@@vaibhavsaini1554 Excellent.
Thanks for the info.
@@Don-ii4vm, and if you want to select all instances at once, simply press CTRL+SHIFT+L :)
Kyle im still struggingly with CSS how did you ever get good at it?
How do you get the hsl variable to accept the single variable? I can get the variable to work with rgba, but I can't seem to get hsl to work with it.
Great video! What about js?(
I use
:root
Instead of the asterisks to select everything in CSS. I set my fonts there. I know I'm behind but what's the difference?
:root is equal to html, but has higher specificity.
The short way of doing the center is to use grid and align-items center and this will put it center.
I think what you meant to say was place-items: center
Greetings from Algeria
I am recently watching your videos and found very helpful for web development. Also, can anyone tell me how to rename a block of selected variables in together at 2:29. Thanks!🙏
ctrl+D in vscode
Hi, what's the name of the software you code in?
Thank you!
I can't get the background image to display. Is the jpg you used stored locally? I downloaded an image and saved it in the same directory as the html and css files.
Edit: when I typed style and enter to let vscode link the stylesheet it generated link to style.css not styles.css. seriously vscode?
Is there any telepathy between us.... You always know what we want.... Thank you kyle
thank you teacher
Hi Kyle, I noticed that you usually don't do margin: 0; and padding: 0; inside the * selector. Is there any reason for not including these two resets inside *,*::before,*::after{} block?
hey, thanks for the information can you do some video about fetch,Axios,or react Query
I thought there is gonna be backend as well :D
The coding went fine, but I found it a little disconcerting that the cursor would disappear when moved over the "input" boxes. So, I added the following to ".input-group input {cursor: s-resize}". Now, the cursor doesn't disappear.
Once you get the hand of it. Built as many u want with different background or animated video ..
How do I make the file explorer's files bigger like yours?
thank you so much
Hey can you make a video on something when we hover on image show the tag of person.As in facebook you may have seen that we we look at a picture of group and when we hover on specific image of a person facebook shows name of person that kind of.
Please make a crash course on tailwind css.
is it my sound or the video that seems it is glitching
Hi Kyle can you please please make a video about web workers ?
Thank you
KYLE we want tutorials on ANGULAR
it is good but your code editor is not clearly visible
Cool video, but there is something wrong with the audio recording. The voice seems to be fading sometimes.
I believe audio has some problems or it might just be my system.
you got some audio stuff going on dude
otherwise great video
there is a problem with the sound
Hey, create a video on PWA the next big thing
Dude there is some issue with your mic
Audio was horrible...lots of cut offs probably from noise canceling but video was nice. Could have also gone into JS for the validation though.
Nice
What!!! 7 minutes and 400+ views already. Man this stuff competition is frightening 😰
From the past couple of videos you are having some issue with the mic, or something going wrong while editing. Could not hear your voice properly, it's breaking
Audio is a bit broken.
blur the background too so its stained glass
Great video but it sounds like your bleeping curse words through the entire video
why not do it in react?
I think there's something wrong with your mic setup, your past few videos have had weird audio dropouts every few seconds or so
3:05
Hi, could you please do a video on pdfmake , pdf-x to download a pdf in react.
Please no tutorial on this. Please!!!!!!!!
cool
Not the best ui experience 😕 background image is too distracting
Turn down the noise gate on your mic/recording software! Great video otherwise!
Great , but your voice have issue
Instead of this I will just paste text " if you want to login call me xxxxxx". Cause I don't have any site
Your audio cuts in an out. It makes this video a real annoyance to watch.
Crap.. i thought it was jordi
It's useless