Video

I’m more intrigued with these variable values. Can css vars be updated directly with js???

Thx!

Class over kid get the fu*k outta here 😂

Another great video!!

you're an shitty at explaining

Then there's me, who tries every center CSS till it aligns then just uses that permanently.

Me starring at the weird looking CSS selectors

I FINALLY know how flex-shrink and flex-grow work! 👏👏👏👏👏👏😃

"make this misatke". Ahh... I see what you did there.

Just wanted to say how much I'm enjoying your videos, Kevin. You're a great teacher!! :)

Thanks

Thank you

Is the overflow really an issue with "whitespace:nowrap"? I mean there isn't really a screen size that can get too narrow to not contain the short text in a button.

i really love this channel

what's happening with the webcam ?

I hope one day there will be CSS4 without default predefined styles on elements

I always teach my juniors, to use !important for defence not for offense

CZcams has to create a way for us to save or bookmark shorts.

The most useful place I use overscroll behavior contain is on horizontal scrolls. If the user is on a laptop with a touchpad it can be very annoying to try and scroll all the way back to the start (think a table with many columns) and you end up going back to the previous page because the browser detects the back gesture

06:46 - GreenSock Plugins 08:06 - Customisation 09:30 - hamburger.js

Your explanation of parent vs child control for grid vs flexbox is a great way to think about which one to use, which has been a struggle for me. Thanks!

Kind of weird name. focus-visible makes the state invisible.

It's funny I just discovered this today with the developer tools, it ia very useful!

CSS Guru is fully back!!

Love these videos, tackling the real issues!

How do I get those fancy squiggly brackets you have?

At the risk of sounding lamen, what software are you using for coding Kevin. I don't recognise that terminal

You are an awesome teacher. Tried to learn the same stuff from other channels , but here got more than that.

I saw it on Chrome Developer CZcams channel and used it today. It is useful

CSS GOAT

Hi Kevin. First of all, I want to say that you give great information. I am grateful to you for this. However, in real projects, images arrive dynamically and optimization processes are mostly done on the server. Do we really have to use these when writing frontend?

I always knew what collapsing margins were, but I've also always used a reset. They are a nice default if you're using the default browser styles (and have no access to CSS), but otherwise, _just skip it_ and you'll never run into any situations where you ever have to think about them again.

This is a great collection of tips. I am curious, could you show an example of expanding the background of an element to be 100vw using border-image? I am trying all kinds of ways and can't seem to be able to expand my element's background full width (outside of its container). Thanks guys.

I think it should _not_ be part of grid, specifically for teachability reasons. I don’t think most developers learn all of grid. Many learn `grid-template-areas` and basic column sizing and stop there, but `grid-template-areas` does not transfer to masonry. So now, to learn masonry, they have to do a deeper dive into grid. THEN they have to do a dive into masonry to figure out which grid principles do and do not apply. I think that makes masonry less accessible to a less experienced developer. Whereas a separate display property means you can learn it directly, and as a bonus nearly all of that will also apply to grid. Or, if they already know grid thoroughly, it’s still a reasonable lift to learn which grid properties/concepts they can apply to masonry.

I saw this when it first got released and always thought, "thats cool ill have to remember that for later", well today is later and i forgot who told me this but luckily i found this video again so ty.

sometimes a mistake can be a good thing, happy mistakes are cool.... in all the years ive been tinkering with css i still dont understand how to use grid properly

You deserve a thousand times to take care of yourself and your family, you have already offered the community a gold mine of videos. Thank you for your way of thinking outside the box and presenting new features in CSS in a simple and clear way. Thank you for continuing to publish, a new video per week is great. This gives us time to integrate what you introduce into our content production.

And now you also need to handle this on resize otherwise if mobile menu height changes on mobile, you might scroll-padding the wrong value.

short, simple and very useful!

Thank you for the great video. I struggle with positioning when I want to overlay content on top of each other. The designs are never responsive. Can I overlay content with z-index using grid or flexbox ? Or is there a way to make my code responsive while using positioning without having to use a million breakpoints?

i thought it was going to be the change from hiding all actual information about the contents of a 20 minutes video in the title or thumbnail :( I used to look at your video often and loved them before you made that choice, now I can't lose 5 minutes for you to get to the point and find out that you're talking about something I already know this time.

this is huge! Thanks Kevin