The explanation cleared that up wonderfully! Mentally, I'm nailing high-difficulty dives from the 10-meter platform... the reality is a poorly executed belly-flop but at least I'm not being a chump anymore! Thanks, Kevin! I hope y'all had a great time at the beach.
I used to feel so !important but, since I started using BEM and CSS less specifically, not so !important. Good to learn about the specificity score. I am noticing the 1 password prompt being a nuisance in the structure panel, when trying to name elements.
Curious which video you're referring to (the one that recommended the wrong approach), I didn't see that one. But BEM just makes so much sense, I don't know why you wouldn't use it (or why it seems to rub some people the wrong way). I only wish I was better at naming my components, ah!
Typically passionate and informative.. For me a BEM brain simplifies more than just CSS class naming. Although BEM does not specify CSS variable naming or JS variable naming, using BEM thinking for these ties these all together as well. E.g. if you have a BEM Block name 'my-block' with an element 'my-block__my-element' CSS var examples: --my-block-padding-inline, --my-block__my-element-padding-inline Or if on Bricks Element CSS: --padding-inline , --my-element-padding-inline With JavaScript: const myBlock = document.querySelector('.my-block'); const myElement = myBlock.querySelector('.my-block__my-element'); Of course not functional examples, just indicating a common naming convention that ties together CSS class names, CSS variable names & JS const/variable names.
11:33 Card A, and Cardi B 🎶 (Sorry, I had to 😂) By the way Kevin, which plugin do you recommend for a multi-language website? 1:16:47 - A shoutout to Bitwarden, as it's open-source and it's code is constantly audited by experts, plus it's self-hostable. But I don't think you care about that, as Arc is closed-source too. Anyway, maybe someone looking at the comments is looking for open source pass manager. 😅
How do I enter settings in ACSS now? Before I could adjust the breakpoints in the "Wp-admin" but now I enter the editor and adjust breakpoints there and also change the bricks breakpoints so that they match?
@@Gearyco Yeah it was hard to explain, but the breakpoints under layouts in AutomaticCSS, they must match breakpoints in bricks breakpoints settings aswell?
The explanation cleared that up wonderfully! Mentally, I'm nailing high-difficulty dives from the 10-meter platform...
the reality is a poorly executed belly-flop but at least I'm not being a chump anymore!
Thanks, Kevin! I hope y'all had a great time at the beach.
Slowly rubbing salt in an open specificity wound someone didn't know they had (and I used to have). Love it.
I think the topic of 'specificity' can't be explained any better. Thank you, Kevin.
I used to feel so !important but, since I started using BEM and CSS less specifically, not so !important. Good to learn about the specificity score.
I am noticing the 1 password prompt being a nuisance in the structure panel, when trying to
name elements.
Another excellent session, Kevin. Thank you,
Curious which video you're referring to (the one that recommended the wrong approach), I didn't see that one.
But BEM just makes so much sense, I don't know why you wouldn't use it (or why it seems to rub some people the wrong way). I only wish I was better at naming my components, ah!
Great session, thank you Kevin 😉
Thanks for this. Good training today
Typically passionate and informative..
For me a BEM brain simplifies more than just CSS class naming. Although BEM does not specify CSS variable naming or JS variable naming, using BEM thinking for these ties these all together as well.
E.g. if you have a BEM Block name 'my-block' with an element 'my-block__my-element'
CSS var examples: --my-block-padding-inline, --my-block__my-element-padding-inline
Or if on Bricks Element CSS: --padding-inline , --my-element-padding-inline
With JavaScript:
const myBlock = document.querySelector('.my-block');
const myElement = myBlock.querySelector('.my-block__my-element');
Of course not functional examples, just indicating a common naming convention that ties together CSS class names, CSS variable names & JS const/variable names.
When I save in Bricks it usually says STOP BEING A CHUMP! They have clearly been listening to you ;)}}
Since I use bem I never had any problems with specificity.
Until you use bem you have no idea how much you hate any other way.
11:33 Card A, and Cardi B 🎶 (Sorry, I had to 😂) By the way Kevin, which plugin do you recommend for a multi-language website?
1:16:47 - A shoutout to Bitwarden, as it's open-source and it's code is constantly audited by experts, plus it's self-hostable. But I don't think you care about that, as Arc is closed-source too. Anyway, maybe someone looking at the comments is looking for open source pass manager. 😅
I don’t really build multi language websites so hard to make a suggestion
@@Gearyco ah okay, thanks for the response though!
How do I enter settings in ACSS now? Before I could adjust the breakpoints in the "Wp-admin" but now I enter the editor and adjust breakpoints there and also change the bricks breakpoints so that they match?
Not sure what you’re asking me. Try positing in the support community with more details.
@@Gearyco Yeah it was hard to explain, but the breakpoints under layouts in AutomaticCSS, they must match breakpoints in bricks breakpoints settings aswell?
Canelo is that you?