5 underused CSS properties, values, and selectors

A dive into 5 underappreciated and underused CSS properties, values, and selectors!

🔗 Links

🎥 Other videos that go more in-depth:


⌚ Timestamps
00:00 - Introduction
01:08 - the ::selection pseudo-element
03:03 - currentColor
05:25 - quotes
07:50 - mix-blend-mode
09:56 - columns

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[KevinPowell]

There are a lot of others too! What are some that you like using, but you feel like no one else knows about or uses?

[avneet]

break-inside: avoid? Mindblown, Kevin !

[GregPerham]

A video on all of the various “break” and “wrap” related properties would be a nice guide: break-inside, white-space, hyphens, word-break, overflow-wrap, wbr element, etc.

[raisedbyreels]

God bless this guy. You have taken my skills to another level🙃

[rohitkf]

Found you from youtube recommendation.
And man oh man, it changed my life.
Learned much in CSS after watching your videos.

Thanks a lot brother. Such a tonne of information from your channel.

[aCitizenJOSerased]

I just can't get enough of your freaking awesome tips. Sheer quality once again!

[stevemarshall]

Love that break-inside property for columns, didn't know about that one. Thanks for another great little CSS nugget.

[MrGreed]

CSS columns... this is incredible! thanks for sharing your knowledge Kevin

[Poto]

Difference is by far my favorite blend-mode - and my favorite effect using that is the inversion of both the background and the color: e.g. the text is red on yellow background - and then yellow on a red background if you cover it with a green container using a Difference blend mode.
One thing about blend-modes that blew my mind is that when applied to :before and :after they will interact with the base element as well as each other.

[temmmio]

columns method is perfect for alphabetical menu items and categories like in megamenu

[emperoroftheearth]

Hello Mr CSS 😎 thanks for the simple quote trick its my first time i see it .

[janetrajkoski]

I've recently started working as a Frontend Dev and my first task project was building a customizing a simple info site. I struggled with CSS at the beginning, knowing only basic stuff, but then I found this channel and I gotta say, life hasn't been easier. I actually grew to like it more and more as I use it more. Learned a lot from Kevin, very clear and concise videos.

[panamaya]

I always learn something new with your videos. Thanks.

[maliknayab]

Learn lots of new things today, and yeah a blend-mode video would be great!

[thechessthinker]

Loved the quotes one. Thanks for sharing 🙏🎉

[Darival]

You just blew my mind with the colums thing

[timbittins]

The OG of CSS introduces us to the OG of custom properties. We are in good company.

[d.l.]

Used mix-blend-mode once, totally forgot about it. Thanks for reminding.

Wow, I knew the column method but I didn't know the power to control de exactly content to show. Really good stuff mate, thanks to share!

[YoRoman]

Number of things taught: 5
Number of new things learnt: 5
Video effectiveness: 100%
:-)