craigbeck.lab67.me

Posts in "CSS"

The Styled-components Happy Path

… I’ve discovered that a lot of developers never really fully embrace styled-components. They pop it into their project without updating their mental models around styling. One foot in, and one foot out. As a result, they miss out on some of the best parts of the tool!

Great post breaking down some techniques for getting the most out of styled components (CSS in JS)

The Rules of Margin Collapse

In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.

A nice and clear explanation of how CSS margins collapse with interactive demos. Certainly calrified a few things for me!

Styletron

Styletron is a universal CSS-in-JS engine built from the ground up for high-performance.

I really like to look of Styletron. Fast, full support for native CSS (media queries, pseudo-selectors), small optimized CSS output, and atomic CSS!