Back Button Languages
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.

Advanced
3 episodes
28m
3
Latest Episode in This Series

Added 6 days ago

The Confusing Realm of CSS Masking

In this episode, we'll discuss the confusing realm of CSS clip paths and masking. As an example,...

Watch
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.

Begin
3
Latest Episode in This Series

Added 6 days ago

The Confusing Realm of CSS Masking

In this episode, we'll discuss the confusing realm of CSS clip paths and masking. As an example,...
Watch

Your Teacher | Jeffrey Way

https://laracasts.s3.amazonaws.com/avatars/jeffrey-avatar.jpg's avatar
Hi, I'm Jeffrey. I'm the creator of Laracasts and spend most of my days building the site and thinking of new ways to teach confusing concepts. I live in Orlando, Florida with my wife and two kids.
    1. Free Episode Run Time 8:54

      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.

    2. Free Episode Run Time 8:12

      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?

      View the source code for this episode on GitHub.

      Further reading:

    3. 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.)

Series still in development robot

*Series still in development. Check back often for updates.