Learn CSS Pseudo Elements In 8 Minutes

🚨 IMPORTANT:

CSS pseudo elements are incredibly powerful CSS tools, but they are often misunderstood or underestimated. In this video I will be breaking down exactly what CSS pseudo elements are and how they can be used. I will then show multiple examples of CSS pseudo elements being used in a variety of unique and cool ways so you can have a true idea of the power of pseudo elements.

📚 Materials/References:

🧠 Concepts Covered:

- What pseudo elements are
- How to use pseudo elements
- How to use data-attributes in pseudo elements
- Why pseudo elements are so important

🌎 Find Me Here:

#CSS #WDS #PseudoElements

[eskilwadsholt]

The thing I really like about your videos is that you go straight to the point without wasting much time, but you also manage to mention key underlying principles so that the logic behind comes through. So much useful info packed in to those few minutes!

[ridl]

okay, I realize that I need to watch all of your videos, even if I know some topics really well, lol)

[TokyoXtreme]

I'm never disappointed with any of your videos. There's always a clear explanation of the topic, along with nice points to remember, and several relevant examples. And your audio quality and overall presentation is top-notch. I hope you never stop making videos!

[sarahwbs]

Your explanation of why before and after don't work on elements without content was very helpful!

[davidrandall]

I’ve found it quite useful on “required” form labels is to set the content of the ::before attribute to “required.” and hide it visually. This way the text content is read by assistive technologies before the label text

[adamespinoza]

I always have to google what certain CSS attributes actually do (::before and ::after being one of them). Love this video, definitely do some more CSS tutorials ✨

[ankitagarwal]

Thumbs Up! I am surprised with the content in 8 minutes. I like your attitude, straight to the concept and meaningful.

[marlowemichaelson]

I’m going through a CSS course right now and this was SO DARN HELPFUL!! Thank you so much

[drawdownwind]

Another great and informative video, brother!! I'm currently tearing into the FCC certificates and your content has been a huge help along the way. Love and Light!!! Vince.

[kopilkaiser]

Absolutely brilliant tutorial. You were easy to understand because you really know how to explain well. Slowly, calmly, and with simplified information. Since, I'm a visual learner I tend to watch a lot of videos, and I can vouch you are one of the best youtuber in the programming field who know how to teach what is needed and skipping the unnecessary parts which just complicate things. Thank you so much for the video. I was wondering what is this pseudo elements "::before" and "::after" and now I know. :) Have a good day

[SheikhAmeen]

There's an entire video dedicated to literally anything about web dev on this channel lol. Subscribed!

[orcafin]

Hey I just went through a college web dev program, and digging for answers found your channel, and really, you do a great job at making it simplified. I do not leave comments much, but you deserve it. I had this idea of using Spotify Api to play music and to display lyrics, and actually thats how I found you. I was inspired by a project that you did similar. Nice on

[davepassaro]

I've been devouring your content for my interview next week and feel like all the stuff I hacked together in the past finally makes sense, THANK YOU!

[maskman]

Thank you Mr. Kyle Cook for this amazing tutorial, I finally understand how pesudo element after / before really works, your tutorially really helps me a lot, no more confusion, I feel free a bit right now, but there is still a lot of to figure out ahead, I will follow your teaching, eventually I will be literally free, I find my way out of mysery !!!

[yulinglin]

The best css explanation course channel!! So many details and so clear! Thank you so much.

[beatzoid]

Thank you so much! Your video is exactly what I was looking for and I just started learning CSS your videos are perfect bro keep it up!

[NGCreateYT]

Great tutorial, I love these in depth explanations! I never feel lost or confused!

[show_me_the_moneyy]

Content you cover is super useful and easy to understand and appreciate the short duration of your videos - can't concentrate on long videos with all the distraction internet has to offer

[danielahermosillo]

Really cool explanation! Straight to the point, well explained, useful example. Thank u!!

[ismaeilmohamad]

You are great at conveying information in a simple and concise way. I tip my hat to you in respect.