Latest News

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.

CSS is designed in a way that allows for relatively seamless addition of new features. Since the dawn of the language, specifications have required browsers to gracefully ignore any properties, values, selectors, or at-rules they do not support. Consequently, in most cases, it is possible to successfully use a newer technology without causing any issues in older browsers.

Consider the relatively new caret-color property (it changes the color of the cursor in inputs). Its support is still low but that …

The post Using Feature Detection, Conditionals, and Groups with Selectors appeared first on CSS-Tricks.

Dependencies in JavaScript are pretty straightforward. I can’t write library.doThing() unless library exists. If library changes in some fundamental way, things break and hopefully our tests catch it.

Dependencies in CSS can be a bit more abstract. Robin just wrote in our newsletter how the styling from certain classes (e.g. position: absolute) can depend on the styling from other classes (e.g. position: relative) and how that can be — at best — obtuse sometimes.

Design has dependencies too, …

The post Dealing with Dependencies Inside Design Systems appeared first on CSS-Tricks.