Your channel is amazing. I used to hate CSS when I first got into web development, just because of how complex it is and how little I knew at the time. And how some things seemed counter-intuitive. Over the years, as I learned the gotchas and nuances, I've gained more and more confidence in my CSS ability, and I do like it now. But your content is invaluable. If only I discovered you sooner, haha.
the real trick is by setting position: absolute; for input element .. so we it will gain focus automatically and we can directly start typing as it will pop up from the DOM and be on top of submit .. but if we remove that property and put it in submit instead .. nothing will work .. thank you Kevin for all the rare quality content you're giving us for free
Wow that search bar looks so cool Kevin! This is my first comment on your videos, but I really want to say thank you - I did watched like 50 videos in just the last two days whereas I am subscribed to you since the last year or so. I really appreciate your tutorials and have to admit that in comparison to your older videos you have improved so much in all aspects of being a scholar. I did not know focus-within before, I can see all those possibilities by using that one 😉 Thats all what I've wanted to say ✔️
This is above my head rn but that's really cool. I am DEFINITELY going to be over doing all my animations at first because they are fun so good advice. Thank you! I super love your quirkyness. You are like me except way more advanced computer skills! I absolutely love your shirt too!!
Excellent, I had to make some changes to have it fit within my Time Traveler website, but after some modifications, I finally got it to function. Thank you for sharing this!
I think you are one of the few web dev experts here on youtube who care about acessibility. I love that you mention aria-labels and tab focusing etc. Most people completely ignore this. Would be cool to see something about screen contrasts as well :)
I've mentioned it in one of my tip videos (looking at the Chrome inspect element thing that shows you the contrast), but a video devoted to it would be a good idea!
Nice tutorial as always! Thanks Kevin!!! I noticed that about the border radius too. Not sure if anyone had pointed this out yet (since it's been a year) but in px value, border-radius maxes out at 32px (I'm not sure why but there's probably some reasonable math behind this lol)
Great video and a very nice styling. One thing I was hoping you were going to address (and one that immediately jumped to mind at the very start of the video) was about whether you can view the text after the focus is lost. If this is a search for an on-screen filter, then having the text that is being used to filter would be important but after focus is lost, you cannot (visually) see that your results are undergoing a filter even through they are. I don't know if there is a pseudo selector for input having a value or not
I was watching this just like watching my favourite tv show with a cup of coffee. I'd love to be as good as you someday(even tho css gives me headaches hhhh). Thanks man keep up the good word!!
Absolutely wicked! You open a whole new world for me with the focus-within and cubic-bezier, Although ill have in mind what StJohn3D said 👌😄. Thank you Kevin! ,you are great mate! Always great videos.
cool trick is to give the input an initial width of 100% and higher z-index than the button so that you are always clicking the input and the cursor is automatically inside the search field when it expands. Then adding the calculated width ( calc(100% - var(--size)) ) inside the focus-within for the correct display when it expands. So the user clicks and can start typing their query.
Thanks Kevin - if you're looking for video material, I'd like to know what you think is a good computer desk, keyboard & lighting set up for coding? I'm looking to upgrade my current work space and don't want to waste money on things that don't work.
Haha, not sure if you can tell but my setup isn't the best 😂 My keyboard is like 15 years old and I'm on an Ikea desk, lol. I do *love* my keyboard though. It's an old Dell mechanical keyboard. I'd 100% recommend mechanical keyboards when you do a lot of typing.
Hello Kevin) I finished your course "The responsive web-design", download the arhive of "A marketing agency website" (from the last video "The loose ends ") and the index.html is not working in google chrome((( Can you fix it please?) Update: MY mistake))) Forget url(../img/hero-bg.jpg); i write (img/hero-bg.jpg);
I have a few remarks. Search input should be of type search and not text, and it should be wrapped in the form element. And why did you left flex there when you switched to absolute positioning? Really liked the trick with transition curve, didn’t know you can do this.
Hey Kevin, I do love your videos. I just get frustrated when I follow along and something doesn't work. I do realize that this particular video is over a year and a half old so things may have changed. I did finally get this to work on a test page but not in production, I'm sure that's my fault. The more frustrating thing though is when I do follow along and then I go to your CodePen to check my work and find that the CodePen is completely different from the Tutorial. It would also be helpful if you had one CodePen for the base project and then another for the Final. So that I don't have to type out all the code you just jump into. I know it would be a longer video if you had to detail the basic layout.
Maybe a bit late but I wanted it to have the hover effect before expanding. (I could not get it to work until I added a span section in front of the submit button Then added some css at the very end of the .search bar.. &__glow { position: relative; background: transparent; border-radius: 50%; width: calc(var(--size) - 10px); height: calc(var(--size) - 10px); margin-left: auto;
Maybe this is a silly suggestion, but if you want to use labels for accessibility purposes without displaying them couldn't you add labels in HTML and give them display: none in css? Screen readers would still pick up on them even if they're not displayed I think. Or would an aria-label accomplish basically the same thing?
Regarding you last point about the animation feeling faster on larger widths, is it possible to set the animation duration to something like a calc(Xms * 100vw)?
Yup, definitely a more advanced video of mine. As I said, it goes into pushing the limits of how things are really supposed to be used. Pause things, keep trying and keep on following along and you'll get there!
Hey Kevin Powell, great trick. Already used this trick on my page because of you. But weird problem: Safari (at least on iOS, don't know about desktop) does not horizontally center the search icon. Neigher on my slightly different implementation nor on your code. It sticks to right. As I do not have (or intend having) a Mac, I can't debug it and do not know, what causes this error. Any suggestions?
I'd be interested in a font awesome tutorial. I'm currently trying to get it to work with java script and document.write() . Great tutorial by the way.
hello sir, i love watching your videos. can you make a video of a part of a website that looks as if flipping pages of a book (eg. a services page that has a book with pages of OUR SERVICES- page1 for service 1, page2 for service2 and so on)
CSS variables are much more useful than Sass variables. You can use change them in media queries and dynamically with JS. I've almost fully converted to them. Sass variables still have their uses, and I'm a big fan of using maps, but if you can do it natively, no reason not to. Only reason Sass has variables is because they didn't exist on CSS when it was created.
Hi Kevin your videos are very good, but they are very long. If they become shorter than 10 min , it would easy to focus. Thats my humble request as your folllower. :)
I try to mix it up. Some people like long videos, some like short ones. ~20 minutes seem to be the ones people watch the most :\ If you like shorter ones, look for my 5 minute friday playlist :)
As a purist in CSS code, I think I'll stop following You. I don't find nor fun or practical compiling and converting in order to make things clear. Man, you started so well. Me leaving will also make your life a little bit easier. Bye
Sorry to see you go! I'd love to know what content you enjoyed before that I'm not doing now though. Was it because I used SCSS? Because I used to use it in all my videos and I purposefully cut down to make it more beginner friendly. It was viewer feedback that got me to use it in this video actually!
Kevin Powell Kevin I love everything you do, honestly I'll still be a patron but... It's more like an expectation thing of mine, I love it when everything evolves within is own atmosphere, I don't like frameworks... it doesn't metter to me if the native code clutters the screen, It’s natural, it's easier to debug without special software compilers etc. etc. But You know what, I'm sorry I rushed out. You're so kind, I'm back, please accept my apollogies
Haha, no problem at all! I know I can't make everyone happy, but I if someone is going to jump ship I always like to know what it is that I did, since at one point they obviously saw value :)
@@SamuelRamirezTijuana The way Kevin explained his use of SCSS in this video, it should be no problem at all doing this in pure CSS. It's just a matter of slight convenience with nesting (and that one rgba property). There's nothing stopping you from implementing it without SCSS. Heck, he even shows you how to do it, in most cases here.
@@travholt You're right, I've just got to the part where Kevin mentions a click on CodePen displays the CSS and it was like a punch on my face LOL ;-)
3 ปีที่แล้ว +7
For the border-radius issue (12:00), I'm guessing that % means the percent of its width and percent of its height, which are different in your case. Whereas, em/px/vw/vh values would have the same amount for width AND height, which makes it correctly round.
26:25 The button icon has been cropped at the left edge the whole time during this video, and maybe a little bit at the top too. (It was driving my pixel-perfect brain crazy!) But at the end of the video, it's not cropped anymore. What's up with that? Other than that - I thoroughly enjoyed this. Keep up the good work!
I almost feel like it's my recording because that feels like something I would have noticed, and so odd that it doesn't do it at the end like you said. I honestly have no idea 🤔
Very nice tutorial, but it does not work in all browsers. In Microsoft Edge it does not work at all (it does not expand) and for Firefox it needs an adjustments to make it look good. The placeholder/input text does not line out in the centre. This can be fixed by adding a height of 58px(??) to the "search-bar:focus-within .search-bar__input ".
The window on the right side was Firefox. If you were just checking my CodePen, then yeah, it wasn't 100% the same as the finished version in the tutorial. It won't work in IE either, but it will work in the next release of Edge.
This video is another reminder that I do need to get into variables. It's something I've been putting off forever. For one because from the beginning I did not like the syntax. Too long. Why not have some symbol and name - like PHP does. Even writing my colors in hex is quicker. Though then again, I am a masochist: I will painstakingly type out all my SMIL every time, calculate the beziers in my head without the visualizations, and for border radiuses I will check line-height, factor in padding and margins, and then use calc to divide all that by two - et voila! So beyond personal dislikes, I think it might have to do with perceived utility. Don't really need a shorthand for hexes. Other values? Maybe. Now, integers/floats would've been awesome - because I do use incrementable int variables for loops in PHP and C++ a whole lot - but vanilla CSS can't do that, can it? So that brings me back to another thing I need to get into: Sass. Anyway, another great video! I think it's an art unto itself to search for solutions to problems using only the tools you have/methods you know - OR to find new and crazy way to use the most standard building blocks. I basically stopped playing video games and sudoku because HTML and CSS give you more fun and versatile puzzles, and solving problems they pose - whether by their inherent structure, or lack of browser support - is nothing short of exhilirating.
Hi Mr Powell . I just want to ask you something regarding HTML and CSS. I have spent the last two years learning then and I think that I am spending TOO much time on them. I know how to make a static site that is responsive and I know some Jquery I use for menu toggle. I want to more forward onto JS but I am TH-cam and I see a video and it has something I don't know and I dwell on the CSS learning every Detail and I know one cannot learn any language 100%. I've also learnt Sass and bootstrap I'll see later after I complete JS. What would your suggestion be to move forward from this complex circle I put myself into. It could be lack of confidence or me being a perfectionist . Your feedback would help greatly. Regards!
![[🔴LIVE] งานประกาศรางวัล MAYA TV AWARDS 2024 : มายามหาชน](http://i.ytimg.com/vi/nwmWYXXVwBY/mqdefault.jpg)
A trick for you Kevin: Always use border-radius: 100vh; and you will always get perfectly rounded corners.
hah, that's awesome and I never would have thought of that 👍
That's awesome. 😄
Thank you😀
Hello, you can explain how this exactly works, i'm don't understanding? Why I should use this? Thanks ^^
@@ectum_empra I wrote a short post about it in my blog recently. It's very simple, when you see it. csspoo.com/perfect-border-radius
Your channel is amazing. I used to hate CSS when I first got into web development, just because of how complex it is and how little I knew at the time. And how some things seemed counter-intuitive. Over the years, as I learned the gotchas and nuances, I've gained more and more confidence in my CSS ability, and I do like it now. But your content is invaluable. If only I discovered you sooner, haha.
You're creative and talented, your CSS3 knowledge is next level, i wish one day i can achieve the same level as you ❤ Thanks Kevin Powell
Love these "real world" solutions. Thanks, Kevin
the real trick is by setting position: absolute; for input element .. so we it will gain focus automatically and we can directly start typing as it will pop up from the DOM and be on top of submit .. but if we remove that property and put it in submit instead .. nothing will work .. thank you Kevin for all the rare quality content you're giving us for free
Wow that search bar looks so cool Kevin! This is my first comment on your videos, but I really want to say thank you - I did watched like 50 videos in just the last two days whereas I am subscribed to you since the last year or so. I really appreciate your tutorials and have to admit that in comparison to your older videos you have improved so much in all aspects of being a scholar. I did not know focus-within before, I can see all those possibilities by using that one 😉
Thats all what I've wanted to say ✔️
This is above my head rn but that's really cool. I am DEFINITELY going to be over doing all my animations at first because they are fun so good advice. Thank you!
I super love your quirkyness. You are like me except way more advanced computer skills! I absolutely love your shirt too!!
Excellent, I had to make some changes to have it fit within my Time Traveler website, but after some modifications, I finally got it to function. Thank you for sharing this!
Almost 10 years ago, I made this, but had to use JavaScript. Thanks for pointing out :focus-within!
I think you are one of the few web dev experts here on youtube who care about acessibility. I love that you mention aria-labels and tab focusing etc. Most people completely ignore this. Would be cool to see something about screen contrasts as well :)
I've mentioned it in one of my tip videos (looking at the Chrome inspect element thing that shows you the contrast), but a video devoted to it would be a good idea!
Nice tutorial as always! Thanks Kevin!!! I noticed that about the border radius too. Not sure if anyone had pointed this out yet (since it's been a year) but in px value, border-radius maxes out at 32px (I'm not sure why but there's probably some reasonable math behind this lol)
I'm starting now with CSS, HTML and JS and you teach very well! Learning a lot with you
You are an incredibly helpful resource, Kevin. Thanks again for all you do!
Great video and a very nice styling. One thing I was hoping you were going to address (and one that immediately jumped to mind at the very start of the video) was about whether you can view the text after the focus is lost. If this is a search for an on-screen filter, then having the text that is being used to filter would be important but after focus is lost, you cannot (visually) see that your results are undergoing a filter even through they are. I don't know if there is a pseudo selector for input having a value or not
Focus-within is the new checkbox! Love css only designs!
I was watching this just like watching my favourite tv show with a cup of coffee. I'd love to be as good as you someday(even tho css gives me headaches hhhh). Thanks man keep up the good word!!
Very cool !! Learnt about focus within through this video.. Will definitely be helpful in my web projects. Thank you Kevin
one word... AWESOME!
Absolutely wicked! You open a whole new world for me with the focus-within and cubic-bezier, Although ill have in mind what StJohn3D said 👌😄. Thank you Kevin! ,you are great mate! Always great videos.
cool trick is to give the input an initial width of 100% and higher z-index than the button so that you are always clicking the input and the cursor is automatically inside the search field when it expands.
Then adding the calculated width ( calc(100% - var(--size)) ) inside the focus-within for the correct display when it expands. So the user clicks and can start typing their query.
I love this CSS Trick ...is great keep it up, bros
i really love this channel
Awesome Kevin! I didn't know the :focus-within pseudo-class! Very useful!!
I love sass, I can't go back to vanilla css anymore!
Awesome video Kevin
Wow and all with CSS, this is so great, that is why i love your video's always new things to learn. Thanks for this :)
this was VERY helpful!
I think that I don't hit the like button except for you Kiv.!! 😄
Amazing Video as usual. 👌
Thank you so much for this video, i learned some cool new tricks that now i can use in my projects😃
Excellent video Kevin as per usual. I was wondering what has to be done to make it responsive for mobile screens. Thanks in advance.
hey, how to make it when the search bar is focus within the outer search border extends only to the right? mine is extending both ways.
Very nice and helpful.
Keep it up !
Thanks Kevin - if you're looking for video material, I'd like to know what you think is a good computer desk, keyboard & lighting set up for coding? I'm looking to upgrade my current work space and don't want to waste money on things that don't work.
Haha, not sure if you can tell but my setup isn't the best 😂
My keyboard is like 15 years old and I'm on an Ikea desk, lol.
I do *love* my keyboard though. It's an old Dell mechanical keyboard. I'd 100% recommend mechanical keyboards when you do a lot of typing.
Great Video on a nice approach
Hello Kevin) I finished your course "The responsive web-design", download the arhive of "A marketing agency website" (from the last video "The loose ends
") and the index.html is not working in google chrome((( Can you fix it please?) Update: MY mistake))) Forget url(../img/hero-bg.jpg); i write (img/hero-bg.jpg);
u r a great person
I have a few remarks. Search input should be of type search and not text, and it should be wrapped in the form element. And why did you left flex there when you switched to absolute positioning? Really liked the trick with transition curve, didn’t know you can do this.
what we do if we want expand search bar from right to left ?
Hey Kevin, I do love your videos. I just get frustrated when I follow along and something doesn't work. I do realize that this particular video is over a year and a half old so things may have changed. I did finally get this to work on a test page but not in production, I'm sure that's my fault. The more frustrating thing though is when I do follow along and then I go to your CodePen to check my work and find that the CodePen is completely different from the Tutorial. It would also be helpful if you had one CodePen for the base project and then another for the Final. So that I don't have to type out all the code you just jump into. I know it would be a longer video if you had to detail the basic layout.
Maybe a bit late but I wanted it to have the hover effect before expanding. (I could not get it to work until I added a span section in front of the submit button
Then added some css at the very end of the .search bar..
&__glow {
position: relative;
background: transparent;
border-radius: 50%;
width: calc(var(--size) - 10px);
height: calc(var(--size) - 10px);
margin-left: auto;
&:hover, &:focus {
outline: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
}
Couldn't create that same search bar in codepen... my position absolute was not working
how to create a search box that can search photo from local host with out linking the photos in the html. please help me .
Thank you
u r the best and the legend for fronted developer ,, ❤ u
Great tutorial!
this is soooo cool +.+
How to keep the search bar open if there is content inside it
Couldn't you use for the input width: calc(100% - var(--size)); only instead of the opacity and cursor things?
KING 👑
Could you use a calc to have the duration be multiplied by the current width of the element?
Maybe this is a silly suggestion, but if you want to use labels for accessibility purposes without displaying them couldn't you add labels in HTML and give them display: none in css? Screen readers would still pick up on them even if they're not displayed I think. Or would an aria-label accomplish basically the same thing?
Genius!!
thank you :)
Regarding you last point about the animation feeling faster on larger widths, is it possible to set the animation duration to something like a calc(Xms * 100vw)?
4:57 nice rap
This is advanced. Hard to keep up :D
I think I couldn't quite get the opacity trick
Yup, definitely a more advanced video of mine. As I said, it goes into pushing the limits of how things are really supposed to be used. Pause things, keep trying and keep on following along and you'll get there!
Why dont you use scss variables but use css3 variables instead?
time to update that monitor kevin :P
sir this doesn't work if this is on the upper top left corner of your web page. your sizes will be ruined
Hey Kevin Powell, great trick. Already used this trick on my page because of you. But weird problem: Safari (at least on iOS, don't know about desktop) does not horizontally center the search icon. Neigher on my slightly different implementation nor on your code. It sticks to right. As I do not have (or intend having) a Mac, I can't debug it and do not know, what causes this error. Any suggestions?
How would I do this same expanding but from right to left?
@@pixelglamour yes I did :) tnx
Why isn’t the nesting working for me
21:16
.search-bar:focus-within > *.search-bar_sumbit {
background-color: #ee6352;
color: #fff;
}
I'd be interested in a font awesome tutorial. I'm currently trying to get it to work with java script and document.write() . Great tutorial by the way.
great vid!
That microphone wow...
I doubt you’ll respond to me but I’m having a lot of trouble trying to put that exact search bar in my own website. I need some help
awesome
hello sir, i love watching your videos. can you make a video of a part of a website that looks as if flipping pages of a book (eg. a services page that has a book with pages of OUR SERVICES- page1 for service 1, page2 for service2 and so on)
you are great
Why if you were using SCSS, did you declare the variables using the standards of regular CSS? You didn't do $variablename
CSS variables are much more useful than Sass variables. You can use change them in media queries and dynamically with JS. I've almost fully converted to them.
Sass variables still have their uses, and I'm a big fan of using maps, but if you can do it natively, no reason not to. Only reason Sass has variables is because they didn't exist on CSS when it was created.
then just use vh value for radius
code?
Thank u.. for ur helpful video. ...#kevin....god bless u
On the input, you can replace the line-height with:
margin-top: auto;
margin-bottom: auto;
29:30 Hey!!! 👋🏻
🤦🏻♂️swipe typing on my phone keeps guessing "recommending" when I'm going for "recommend" lol
It's all good, lol. Sorry if I highlighted a typo, lol. Really appreciated the feedback though :D
Hi Kevin your videos are very good, but they are very long. If they become shorter than 10 min , it would easy to focus. Thats my humble request as your folllower. :)
I try to mix it up. Some people like long videos, some like short ones. ~20 minutes seem to be the ones people watch the most :\
If you like shorter ones, look for my 5 minute friday playlist :)
without js, thanks
I nI need a simple search bar with microphone
Try background: none;
If you ever need to design a website, just look through Kevin's vids... You'll come up with something 😀😄😄
Надо было на час растянуть!
cool video but i feel it's like sass ad , lol
I guess my love for it rubs off a little here, lol.
@@KevinPowell watching your new video now btw
fucking hell why is this video 32 minutes long, it should be 32 seconds long
As a purist in CSS code, I think I'll stop following You. I don't find nor fun or practical compiling and converting in order to make things clear. Man, you started so well.
Me leaving will also make your life a little bit easier.
Bye
Sorry to see you go! I'd love to know what content you enjoyed before that I'm not doing now though. Was it because I used SCSS? Because I used to use it in all my videos and I purposefully cut down to make it more beginner friendly. It was viewer feedback that got me to use it in this video actually!
Kevin Powell Kevin I love everything you do, honestly I'll still be a patron but... It's more like an expectation thing of mine, I love it when everything evolves within is own atmosphere, I don't like frameworks... it doesn't metter to me if the native code clutters the screen, It’s natural, it's easier to debug without special software compilers etc. etc. But You know what, I'm sorry I rushed out. You're so kind, I'm back, please accept my apollogies
Haha, no problem at all! I know I can't make everyone happy, but I if someone is going to jump ship I always like to know what it is that I did, since at one point they obviously saw value :)
@@SamuelRamirezTijuana The way Kevin explained his use of SCSS in this video, it should be no problem at all doing this in pure CSS. It's just a matter of slight convenience with nesting (and that one rgba property). There's nothing stopping you from implementing it without SCSS. Heck, he even shows you how to do it, in most cases here.
@@travholt You're right, I've just got to the part where Kevin mentions a click on CodePen displays the CSS and it was like a punch on my face LOL ;-)
For the border-radius issue (12:00), I'm guessing that % means the percent of its width and percent of its height, which are different in your case. Whereas, em/px/vw/vh values would have the same amount for width AND height, which makes it correctly round.
26:25 The button icon has been cropped at the left edge the whole time during this video, and maybe a little bit at the top too. (It was driving my pixel-perfect brain crazy!) But at the end of the video, it's not cropped anymore. What's up with that?
Other than that - I thoroughly enjoyed this. Keep up the good work!
I almost feel like it's my recording because that feels like something I would have noticed, and so odd that it doesn't do it at the end like you said. I honestly have no idea 🤔
A video about fontawesome would be great!
Very nice tutorial, but it does not work in all browsers. In Microsoft Edge it does not work at all (it does not expand) and for Firefox it needs an adjustments to make it look good. The placeholder/input text does not line out in the centre. This can be fixed by adding a height of 58px(??) to the "search-bar:focus-within .search-bar__input ".
The window on the right side was Firefox. If you were just checking my CodePen, then yeah, it wasn't 100% the same as the finished version in the tutorial.
It won't work in IE either, but it will work in the next release of Edge.
i did'nt most aware about :focus-within,opacity,overflow,I learned from it.Thanks kevin bro
This video is another reminder that I do need to get into variables. It's something I've been putting off forever. For one because from the beginning I did not like the syntax. Too long. Why not have some symbol and name - like PHP does. Even writing my colors in hex is quicker. Though then again, I am a masochist: I will painstakingly type out all my SMIL every time, calculate the beziers in my head without the visualizations, and for border radiuses I will check line-height, factor in padding and margins, and then use calc to divide all that by two - et voila! So beyond personal dislikes, I think it might have to do with perceived utility. Don't really need a shorthand for hexes. Other values? Maybe. Now, integers/floats would've been awesome - because I do use incrementable int variables for loops in PHP and C++ a whole lot - but vanilla CSS can't do that, can it? So that brings me back to another thing I need to get into: Sass.
Anyway, another great video! I think it's an art unto itself to search for solutions to problems using only the tools you have/methods you know - OR to find new and crazy way to use the most standard building blocks. I basically stopped playing video games and sudoku because HTML and CSS give you more fun and versatile puzzles, and solving problems they pose - whether by their inherent structure, or lack of browser support - is nothing short of exhilirating.
Hi Mr Powell . I just want to ask you something regarding HTML and CSS. I have spent the last two years learning then and I think that I am spending TOO much time on them. I know how to make a static site that is responsive and I know some Jquery I use for menu toggle. I want to more forward onto JS but I am TH-cam and I see a video and it has something I don't know and I dwell on the CSS learning every Detail and I know one cannot learn any language 100%. I've also learnt Sass and bootstrap I'll see later after I complete JS. What would your suggestion be to move forward from this complex circle I put myself into. It could be lack of confidence or me being a perfectionist . Your feedback would help greatly. Regards!
So we can use this as a replacement for onClick events can't we?
The gaping string aetiologically seal because bead immuhistochemically collect via a hallowed exhaust. ashamed, fretful george
How to make that search bar only expandable from right to left? The opposite direction of yours.
Thanks for detailed explanation, just ran in to a problem
Blackground means a background of black
I am unable to make it work in Safari. :( Any ideas?
Thanks for the value man !!!
🤠
Wish my vid content is half as good as this