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.
Using Trello as a Super Simple CMS
https://css-tricks.com/using-trello-as-a-super-simple-cms/
Bold on Hover… Without the Layout Shift
https://css-tricks.com/bold-on-hover-without-the-layout-shift/
Apple declined to implement 16 Web APIs in Safari due to privacy concerns
https://css-tricks.com/apple-declined-to-implement-16-web-apis-in-safari-due-to-privacy-concerns/
A Font-Like SVG Icon System for Vue
https://css-tricks.com/a-font-like-svg-icon-system-for-vue/
Holy Albatross with Widths
https://css-tricks.com/holy-albatross-with-widths/
Pausing a GIF with details/summary
https://css-tricks.com/__trashed-26/
