Don’t use JS for that - Part 1

in reality you just dont render element

And this is why Kevin is the best

May God bless, very nice!

Yes, yes CSS Pope

Why is css becoming more complex then JavaScript?😂😂

You are truly the King of CSS. Enjoy your throne King.

What is Little Girl's middle name, Plus, you are the best! Edit: What's the code anyways

This video is epic.

Omg!! Had no idea css could do this

Interesting but if it’s coded with an JS librairie like react, JavaScript is simplier

i spent an hour yesterday writing functions for capitalizing words, then found the equality of data not being the same cuz i capitalized some variables and not the others.. then realized I could have just literally capitalized in the css. fucking retard moment to say the least

Not sure that's great for screen readers? Just remove the excess mark up from the dom

When you zoomed in on the "Little Girl" part, I laughed. Thank you.

This makes me wonder what the best approach would be when I'm using WordPress and custom fields to display content. I usually use PHP if/else statements to only show html/field content if the field has data/content, otherwise show nothing. Now I wonder if this CSS option is better.

Very bad idea to do it too broad. You'll often WANT empty elements for styling so using a very specific selector instead is probably actually the best option

This is cool kevin

Stop making my job easier!

Orrrr you build your app in php, problem solved easy

I just learn’t this today!!!

We surely have messed up with so much of javascript that makes the websites slow. Writing pure css is very satisfying

BUENÍSIMO

or you just remove that snippet.

Next css will can do logic

Thank you for this video. JS is WAY too overused these days

Please make this an ongoing series. There are so many cases where people reach for JS when there are way better ways to accomplish easily with CSS

Great, but still seems like it's JavaScript's job do that. Let CSS do the styling, let JavaScript handle logic of whether to render it or not based on the value. Sure this technique may come in handy for some other scenarios.

You're the best

Kids fault not mine. Stoopid child needs to get a job.

Wow, it's incredibly simple and very useful! Before this i was having to make "if" statements in my templates to properly remove empty elements, but now it's mush more simple

Didn't know about the empty selector

Or you can, you know, not render the empty element in the first place

Based on my experience, in real life, you wouldn't solve this issue with JavaScript

I would love to know how to make a good 0 JS drop-down. It would be nice to have

I wish any browsers supported the way the empty selector is supposed to match elements with only white space.

🎶for now🎶

It is very counter intuitive though... not everyone thinks of looking up css for such behavior. Personally i would still prefer JS for this

That"s a nice way to solve. But I guess, that's validation problem for me. I would either put a regex pattern to the imput to prevent it or add the role class conditionally. But then again it's less code to write 🤷‍♂️

❤👐

Just don't "render" the element

You must be an idiot to put some of your business logci onto frontend....
Better to do it on be as replacement, much more efficient
(That's not about the autrhor of the vid :), it's great)

This makes me want to NOT learn JS and just focus on HTML and CSS instead, lol.

You are just amazing!!!

great introduction for little girl

Thank you 😊

Break unexpected things with this one simple trick!

Nice! New knowledge! Thanks Kevin

Or just don't put a p there, well, I get that this has other applications

Man i love you , you share every important small detail for free ...
You're amazing

Good solution to a bad design