have they fixed touch error in lists

Instead of the attr thing, I use style and a custom variable. It works ok as workaround. But great to finally solve this the right way.

Text box trim should have been default aleady in 1995. Not adding space depending on line height.

This explanation was clearer than the ones i found at Udemy. I will probably mistakenly switch those two terms around, but at least now i understood how it works!

Do you think we should use text-box-trim in CSS resets? It's definitely a common problem that can be countered if needed but you usually don't want.

What if border radius and padding are same value?

FINALLY... the att() spec starting to get some support after years of the features being a sea of red.

Honestly, my most unexpected takeaway from this is that "leading" is pronounced "ledding". (as in the metal)

I am just a couple minutes in, but I was just couple days ago was looking into why stuck is not a pseudo class yet and I read some discussions on why it was not possible or something like that, how is it possible now? Anyway, hopefully these things come to more browsers!

That text thing is so nice! Don't know if it's just me, but when its about text I sometimes find myself doing so much for just one section to look good. It always feels like text is lagging behind other elements that can be easily and consistently styled with css.

attr() FINALLY ! ! ! !

We need more css properties, not.

Wait when i can use this in 2030, because safari and mozilla...

amazing

i bet in safari this will somehow look differently from other browsers, making this unusable

Text box trim is so important. Finally it is possible to consistently center text verticaly

The advanced attr is really exciting but I’m hoping the typing capabilities helps prevent XSS vulnerabilities. Data attributes work basically like inline styles which can allow malicious users to put arbitrary values. Think setting a url in a data attribute. Should always sanitize your content inputs anyways, but just a callout!

Cool.

I wish there was a 'pimento' HTML color name just for this demo.

Hey Kevin. how is going. it has been 2 years since I got a job and didn't have time to get in touch with your videos. it's amazing to see you again. your css tutorials was the reason I understand css better. keep going and awesome video as usual.

Finally! One use I was repeatedly frustrated by, was being unable to use attr() for a url() value. Seeing this game-changer about to arrive at last is so exciting. I just hope Firefox doesn't lag too far behind with supporting this.

attr() sounds amazing for grid layouts <div class="grid" data-cols="4"></div> .grid{ display: grid grid-template-columns: repeat(attr(data-cols), 1fr); };

You did such a great job. I am very happy and learning a lot from your videos! Thank you very much, Mr.Kevin Powell.

I don't know, Kevin. I'm just not too excited about these Chrome-only features. Until there's consensus across browsers and we can rely on these features everywhere, the nutritional value of work like this really plummets. That being said, it's cool to see what's out there and to daydream about using features like this at my 9-5. Thanks for the video.

One useful tip i found when working with in cmd prompt was that if you want to open a file location in command prompt you just go yo that location and in the heirarchy at the top click the cursor and select all and remove it and type cmd instead and it automatically opens the location in cmd prompt

Finally we can detect stuck state without JS. 🎉

So i can do <div data-stock="4"></div> and then create a circle that shows that number via css "content". The question is, can I add conditionals, so if the number is less than 10 the background-color of the circle can be orange and if the data-stock is 0 then the color could be red. If not, then we would end up using <div data-stock="4" data-color="orange"> where "orange" would be calculated and echoed via backend code, so we could do background-color: attr(data-color); .

Nice new stuff, hope to use on prod in 2 years

Nice! Can you exclude child elements from mixing?

Out of context, but your subscription of 24.99$ per month, gives same perks as the 49.99$, this is....not so great, i mean just a shoutout, i believe people who pay double should something more

This is all very cool, but can iOS Safari please fix position: sticky; so it doesn't Jitter from the scrolling hardware acceleration, it annoys me to no end, and we end up having to use position: fixed; with JS to apply and unapply, so crappy. lol

How do you follow release notes and which release notes should you follow? I make a point of looking at the new stuff when I open VS Code but I'd love to know what else to follow.

Oh ye the 15248th way to center something xd

Freaking love it! Thanks bro!

its a long time since i use float for my element, and thanks for the reminder that this property exist

I think illl use it often. Thanks

Gonna try this in tailwind

I just subscribed to your channel, this video helped me a lot to understand better how I can optimize my images with srcSet and size attributes. Thank you and please continue these videos, you made it very simple and interesting !

you just made the Bangladesh flag before knowing ❤

the best in the topic 😘 stay blessed

The useful thing I noticed besides centralizing things was the unit of vw used for border-radius 😊 Am I the only one who still struggles with units?

Do you know that you have made a flag in Bangladesh?

Thank you

after looking through hella articles and yt videos this was the final one that helped me understand parallax lol

I have been looking at your snippet posts for a while now, always something useful. Always someting that ensures I bookmark it to go over it again. Keep up the videos their a treasure even for seasoned coders

I almost forgot about float existence. I used to use it a lot when I was a begginer

Where is the explanation for the scroll spy TOC?

Of course they had to make them 2 different words. They're "items" when they need to be justified but they're called "content" when they need to be aligned. Makes sense.

Several habits you can improve, Kevin. 1. It's a myth that a CDN is better. Not necessarily. Many times it slows pages down, and what's worse, puts a new point of failure to your site. 2. A better advice is to use ONE folder of resources for ALL your projects in your website. Instead of copy-pasting the very same assets in a subfolder of each project, DON'T! Use a "common assets" folder.