Netlify & Next.js
https://css-tricks.com/netlify-next-js/
What did you learn this year? "Not much" says @IreAderinokun.
https://css-tricks.com/not-much/
Re Another classic one that would be handy, but it'll break in older browsers (so you need to split them up):
::selection, ::-moz-selection {
background: lightblue;
}
Re That code example in the previous tweet means that in IE 11, the entire selector is thrown out, making these submenus not work at all. If you split up those selectors, at least the :focus style will work.
Going forward, invalid selectors in a comma-separated chain will NOT invalidate the whole selector. But in older browsers, they DO.
/* dangerous! */
.menu:focus .submenu,
.menu:focus-within .submenu {
display: block;
}
https://css-tricks.com/one-invalid-pseudo-selector-equals-an-entire-ignored-selector/
Give Users Control: The Media Session API by @broods_
https://css-tricks.com/give-users-control-the-media-session-api/
HTTP Archive’s Annual State of the Web Report
https://css-tricks.com/http-archives-annual-state-of-the-web-report/
::marker is fantastic and now available in all the modern browsers.
@simevidas notes a favorite use-case (list markers matching size of headers):
https://css-tricks.com/almanac/selectors/m/marker/
https://jsbin.com/mogotoxazo/edit?html,css,output
RT Adam Argyle
✅ *fixed* conic gradient background
✅ svg masked
<button>
✅ light & dark mode
✅ clean markup
✅ beautiful & dynamic result (imo)
`background: conic-gradient(...) fixed;` 🎉
effect is like each icon is a window to a shared color dimension.. 🤓
</button>
You don't have to keep chasing the hype, says @HugoGiraudel. There is no rush, you're doing well.
https://css-tricks.com/there-is-no-normal/
Let’s Create a Lightweight Native Event Bus in JavaScript
https://css-tricks.com/lets-create-a-lightweight-native-event-bus-in-javascript/
Why I love Tailwind
https://css-tricks.com/why-i-love-tailwind/
Unconventional Stock Image Sources by @melchoyce
https://css-tricks.com/unconventional-stock-image-sources/
It's all relative, by @geoffreygraham
https://css-tricks.com/its-all-relative/
Optimize Images According to Network and Device Constraints in React
https://css-tricks.com/optimize-images-according-to-network-and-device-constraints-in-react/
Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode
https://css-tricks.com/using-css-custom-properties-to-adjust-variable-font-weights-in-dark-mode/
2020 was not a good year for learning by @natalyathree
https://css-tricks.com/2020-was-not-a-good-year-for-learning/
