Cool proof-of-concept, but really on suitable for scenarios where every product is loaded into the page by default - i.e. no pagination that requires DB/server calls. So, while the demo is cool, the technique likely has limited utility in those scenarios in reality. For scenarios where the number of products/items presented is low enough to not need pagination, the list is likely sufficiently quick and easy to navigate that filters become slightly redundant. /thinking-out-loud
You are absolutely right. The example was a fun little exercise to see what's possible with css only. The tutorial is meant to explain how these pseudo-classes work and not how to build a feature like that in a real project. Thanks for pointing that out ✌️
Sir i have a problem from many months that is....i have problem in understanding that in which div we have to give flex for example: i have 2 div a container and a logo div now i have to center a logo then to which of one div should be given flex box.....Its so confusing for.me pls Sir reply me and pls make more advance vids for css
Suppose we create a parent div and inside it two child div then we need to give flex property, align-items:center and justify content: center, to make child div go to center, so keep this in mind whenever you want to manipulate position of div, give flex to it's parent and other efficient properties..... Hope this meets your expected solution
@@Igloo12-o1w bro i don't know about this, I have heard people have this problem often but but don't know the solution, maybe try reinstalling vs code and do it while watching a vscode installation tutorial
It sure doesn't hurt to learn both. JavaScript is a powerful programming language that you should definitely continue learning, but modern CSS is getting increasingly more powerful too :)
but you repeat yourself A LOT, and now imagine we want to scale this to multiple brands, many more colors.... that's why react and techs like that were created, plus I'm not pro of CSS, but probably you can do this exact same thing without repeating that much the same code only changing a value
this video deserve ⭐⭐⭐⭐⭐⭐
Thanks for sharing this awesome knowledge and amazing skills! Really cool, powerfull and useful CSS only coding!
I've learn more with your videos that everything that teach me back in college. Thanks you sensei
please don't stop continue
thank you sir
I thanks youtube for showing me such a channel like this.
Many thanks fabian 🙌🥰
Great channel! Very well done explanations!
Thank you very much!
Very helpful video, I almost don't have much motivation to learn about these CSS selectors. Thanks
This is really excellent Fabian, thank you!!!
Glad you like it!
Great work man😊
Thanks 😁
DAMN! That's insane!
my "Liked Videos" playlist are full of your videos😂❤
bro please don't stop
Cool proof-of-concept, but really on suitable for scenarios where every product is loaded into the page by default - i.e. no pagination that requires DB/server calls. So, while the demo is cool, the technique likely has limited utility in those scenarios in reality.
For scenarios where the number of products/items presented is low enough to not need pagination, the list is likely sufficiently quick and easy to navigate that filters become slightly redundant.
/thinking-out-loud
You are absolutely right. The example was a fun little exercise to see what's possible with css only. The tutorial is meant to explain how these pseudo-classes work and not how to build a feature like that in a real project. Thanks for pointing that out ✌️
Interesting as always 😊
I really like your videos, very informative.
I appreciate that!
Thanks a lot for this video. It really helped!
Thank you , please continue even if you don't get views❤❤
Was this a compliment? 🤔😶
he would reach there someday, you guys can spread his videos
wow this is very useful thank you so mush!
your videos are very helpfull❤.
Can you make a video about "isolation: isolate" property in css.
You know what you are better than keven Powell keep it up bro
Wow 😲👍
Css is Programming language now😂
Great Work 👍👏🥳🥳
Could share a CodePen or source code on the website? Would be great. Amazing tutorial as always. Never thought you could achieve that with CSS only.
Can we demonstrate how no and has work from scratch step by step
Very nice but assumes that a keyword is unique among all dropdowns. Would id make more sense to use "#color option:: rather than just option?
Yes, selecting the option using its id would be a safer approach.
can you do scroll() or view() content next?
And my-favorite.css file is better!
Sir i have a problem from many months that is....i have problem in understanding that in which div we have to give flex for example: i have 2 div a container and a logo div now i have to center a logo then to which of one div should be given flex box.....Its so confusing for.me pls Sir reply me and pls make more advance vids for css
Suppose we create a parent div and inside it two child div then we need to give flex property, align-items:center and justify content: center, to make child div go to center, so keep this in mind whenever you want to manipulate position of div, give flex to it's parent and other efficient properties..... Hope this meets your expected solution
@@Rohan-hx7ry thank u very much bro 🤩
@@Rohan-hx7ry bro my live server is not working properly what can be the problem
@@Igloo12-o1w bro i don't know about this, I have heard people have this problem often but but don't know the solution, maybe try reinstalling vs code and do it while watching a vscode installation tutorial
parents should be flexible in positioning their chilren :)
So what was I learning JS for then... 🙂 I see that I have to "learn properly" modern CSS...
It sure doesn't hurt to learn both. JavaScript is a powerful programming language that you should definitely continue learning, but modern CSS is getting increasingly more powerful too :)
you should know about something to avoid that :P
Java script complete explanation please
Hi
A subscriber is looking for source code (Me)
just type bro, you will never forget it
but you repeat yourself A LOT, and now imagine we want to scale this to multiple brands, many more colors.... that's why react and techs like that were created, plus I'm not pro of CSS, but probably you can do this exact same thing without repeating that much the same code only changing a value