Latest News

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.

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.

One of the advantages of building a Single Page Application (SPA) is the way navigating between pages is extremely fast. Unfortunately, the data of our components is sometimes only available after we have navigated to a specific part of our application. We can level up the user’s perceived performance by breaking the component into two pieces: the container (which displays a skeleton view when it’s empty) and the content. If we delay the rendering of the content component until we …

The post Building Skeleton Components with React appeared first on CSS-Tricks.

Kelly Sutton with good advice on code reviews. Hard to pick a favorite. I like all the stuff about minding your tone and getting everyone involved, but I also think the computerization stuff is important:

If a computer can decide and enforce a rule, let the computer do it. Arguing spaces vs. tabs is not a productive use of human time.

Re: Tip #6: it’s pretty cool when the tools you use can help with that, like this new GitHub …

The post 8 Tips for Great Code Reviews appeared first on CSS-Tricks.

Nicole Sullivan asked. People said:

• 🐦… for the same reason that I buy ingredients rather than growing/raising all of my own food.
• 🐦 I write too many bugs without them.
• 🐦 Avoiding bikeshedding.
• 🐦 … to solve problems that are adjacent to, but distinct from, the problem I’m trying to solve at hand.
• 🐦 Because to create the same functionality would require a much larger team
• 🐦 I want to be able to focus on building the product

…

The post Why Do You Use Frameworks? appeared first on CSS-Tricks.