Understanding the difference between grid-template and grid-auto

Ire Aderinokun:

Within a grid container, there are grid cells. Any cell positioned and sized using the grid-template-* properties forms part of the explicit grid. Any grid cell that is not positioned/sized using this property forms part of the implicit grid instead.

Understanding explicit grids and implicit grids is powerful. This is my quicky take:

  • Explicit: you define a grid and place items exactly where you want them to go.
  • Implicit: you define a grid and let items fall

The post Understanding the difference between grid-template and grid-auto appeared first on CSS-Tricks.

Continue reading Understanding the difference between grid-template and grid-auto

Hard Costs of Third-Party Scripts

Dave Rupert:

Every client I have averages ~30 third-party scripts but discussions about reducing them with stakeholders end in “What if we load them all async?” This is a good rebuttal because there are right and wrong ways to load third-party scripts, but there is still a cost, a cost that’s passed on to the user. And that’s what I want to investigate.

Yes, performance is a major concern. But it’s not just the loading time and final weight …

The post Hard Costs of Third-Party Scripts appeared first on CSS-Tricks.

Continue reading Hard Costs of Third-Party Scripts