ویو جی اس

CSS Quirks and Pitfalls

CSS Quirks and Pitfalls

While it's fun to see a car designed entirely with CSS from a single div, the day-to-day reality for a typical CSS designer is far less glamorous. Often, you'll lose hours upon hours due to some confusing CSS quirk that seemingly makes no sense. In this series, we'll dig our heals into the dirt and, together, decipher a variety of CSS oddities.



سطح متوسط 3 جلسه آموزشی 00:28:00 ساعت
01
قسمت 1

The Minimum Height Miscalculation

One day, you'll fall into a CSS trap related to setting a child element's height as a percentage of its parent's minimum height. Spoiler alert, but it won't work the way you think. In this episode, we'll review two possible solutions.

02
قسمت 2

The Line-Clamp Prefix Peculiarity

If you've ever hoped to clamp a paragraph of text to a set number of lines, you're likely already aware that it's a tricky process. However, for many years now, there has been a way to do it with pure CSS. The only caveat is that it requires a number of webkit-specific prefixes to work properly. But what would you say if I told you that, even with these webkit-specific prefixes, the functionality will work across all modern browsers?

03
قسمت 3

The Confusing Realm of CSS Masking

In this episode, we'll discuss the confusing realm of CSS clip paths and masking. As an example, we'll reproduce the curve banner you see on the Laracasts homepage (at the time of this writing.)

دوره در حال اجرا

این دوره هنوز به پایان نرسیده است و در آینده درس های دیگری به آن افزوده خواهد شد.