This format really helps me grasp the points you're focusing on Kevin so definitely more please. I think this has a lot of potential for use in a graphical menu system - I need to go have a play around with that idea 😁
Awesome! This reminded me to check on overflow-clip-margin support, I’m so excited for that property! If anyone’s curious, it’s not supported at all in safari and has partial support everywhere else (supported only when using ‘overflow: clip’ on both axes). Come on safari!!
You really have a talent to put in one not too long video great content, and clearly explained. I don't know if I use the effect as a whole, but learning ingredients is very helpful. Thank you for your work.
I finally bought your merch! One tee, one tank and a toddler tee for my daughter ^^ we'll match, can't wait to get these in France! Thanks for the video. These are the kind I prefer, I learn best watching an expert do and explain what's happening.
Hi Kevin, another great video. And yes, that format is really nice. Also, I wonder whether you might do an occasional video relating to web application CSS and techniques. E.g. Forms, displaying data in tables, master -> data drill down?? Just a thought. Your videos are very informative and useful, but there is a heavy leaning toward "marketing" style of web content. An occasional perspective on using modern CSS with a more "application" leaning would be very much appreciated. What do you think?
:has(), :where() and :is() are so great and are 100x better than pre-years transition: grid-template-columns/rows; // Is there any issues with slow down on that like a few of the transitions? Even if it is bad might still use it over a JS solution. Like this and talking about new things. Stuff in the brain as long as it fits is always nice fallback.
At the end part. When you have the horizontal scrolling, instead of the scroll bar, is it possible to have like an arrow button at the left side of the avatars, and by clicking on it. It will move to the next avatar to the left while the firat avatar on the right will dissappear. and when all avatars are over, to repeat from the 1st avatar ? ... and same for the right side ? Only because it would look better I think 😮
Yup! Can come in handy, and might even be a bit more descriptive... only issue is you can't have a border with it as well then, or box-shadows, both of which I wanted on these :)
Hi kevin, I have tried to solve the challenge with the help of column-gap but the problem here is immdiate snap of the animation when my is hover is removed/taken off. How to avoid immediate snapping for the animation I have given to the column-gap property?
01:28 why border-radius:100vw (seems like makes .avatar circle unless avatar width/2 < viewport width)? also why box-shadow depend on font-size (rem unit) but not border?
Awesome video! Q: Wouldn’t grid-auto-flow: column and grid-auto-column: var(-column-size) work the same without the hard coded count? Would the transition work on the column size?