CSS3 Basics by Libehayan - 2024

It's been a really long time since I've updated a video ^^.
Aspect-ratio means the aspect ratio. It's something that comes up occasionally while working on projects these days.
In fact, it is one of the attributes that should not be missed.

I think most workers will be able to use it well, but if you watch the video, you will find out some secrets that you didn't know. Please watch it carefully and I hope it will be helpful for your project.

Well then, study hard! I'll see you in the next video.
thank you

One of the big drawbacks of CSS is the problem of selectors.
There was a problem that one selector was propagated globally, and to solve this, you had to think about the score of the selector or other class names.

Another drawback is the length of the class name. I have been naming classes using the BEM methodology. But that has disappeared since @scope was introduced.

Please see the video for a scope that will help you overcome these issues.

Hello. This is Liberhayan.

When working with CSS, you may feel stressed about z-index.
A typical example is that unnecessary HTML needs to be added because of the -1 value.

The code that complements this is isolation.
Watch the video to see how you can solve it.
Please check it out. ^^.

Hello. This is Liberhayan.

Added a video of the light-dark() function, one of the latest CSS specifications. In the past, we used @media to do dark mode, but now we can manage colors intuitively with the light-dark() function. If we work with the designer and provide a good color guide, I think we can expect a smooth project.

If you are interested in dark mode, don't miss this lecture and be sure to watch it.

thank you!

CSS3 Basic Online A new BEM (Block, Element, Modifier) video will be added to the basic practical online course. This video will cover the basic concepts of the BEM methodology and how to apply it to real projects. In particular, it will focus on how to improve the maintainability of code and maintain consistency when collaborating through BEM.

Key takeaways from this video:

• BEM Basic Concepts : Definition and Role of Block, Element, and Modifier

• BEM Naming Conventions : Understanding BEM Naming Conventions with Code Examples

• Practical Application : Case Study of BEM Utilization in Real Projects

• Pros and Cons : Analyzing the Pros and Cons of Using BEM

If you are interested in learning CSS, you will find this BEM video very helpful. Don't miss it!

If you have any further questions or concerns, please feel free to leave a comment.

thank you!