Computed Values: More Than Meets the Eye
https://css-tricks.com/computed-values-more-than-meets-the-eye/
The Cicada Principle, revisited with CSS variables
https://css-tricks.com/the-cicada-principle-revisited-with-css-variables/
Making Sense of react-spring
https://css-tricks.com/making-sense-of-react-spring/
The Making of: Netlify’s Million Devs SVG Animation Site
https://css-tricks.com/the-making-of-netlifys-million-devs-svg-animation-site/
A Lightweight Masonry Solution
https://css-tricks.com/a-lightweight-masonry-solution/
10 modern layouts in 1 line of CSS
http://www.youtube.com/watch?v=qm0IfG1GyZU
https://css-tricks.com/10-modern-layouts-in-1-line-of-css/
A Look at What’s New in Chrome DevTools in 2020
https://css-tricks.com/__trashed-27/
SVG Title vs. HTML Title Attribute
https://css-tricks.com/svg-title-vs-html-title-attribute/
Getting the Most Out of Variable Fonts on Google Fonts
https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/
Dark Ages of the Web
https://css-tricks.com/dark-ages-of-the-web/
💯 CSS flex gap is in Chrome 84 💯
play around at this sandbox on @codepen 👇
Adam Argyle: 🎉 flex that gap in the latest release of Chrome Canary 🎉
```css
display: flex; 🦾
gap: 1ch; 🔥
```
early adopters:
help us test it out won't ya!?
note:
requires web experiments enabled, visit chrome://flags/#enable-experimental-web-platform-features in Canary to enable
style9: build-time CSS-in-JS
https://css-tricks.com/style9-build-time-css-in-js/
A Bit on Web Component Libraries
https://css-tricks.com/a-bit-on-web-component-libraries/
Want to get better at code? Teach someone CSS.
https://css-tricks.com/want-to-get-better-at-code-teach-someone-css/
The GitHub Profile Trick
https://css-tricks.com/the-github-profile-trick/
⚠️ CSS gotcha ⚠️
The "viewport" IS NOT the device screen
This is contrary to how we generally talk about the viewport, which is why this is a gotcha.
CSS viewport units are relative, not absolute. This is why `vh` units can surprise you or even change after scroll.
