Check out how @jh3yy animates folding and unfolding a cardboard box — complete with packaging details — in CSS. ✨
https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
This is an age-old problem on the web. Sometimes when you open UI elements, they need to be edge-aware to prevent the content from triggering weird scrollbars, or worse, cutting off content.
https://css-tricks.com/can-css-prevent-tooltips-from-overflowing/
Adding Vite to Your Existing Web App by @adamrackis
https://css-tricks.com/adding-vite-to-your-existing-web-app/
The CSS-Tricks site relies on well over 100 custom fields in WordPress — but continue to see them overlooked as a first class WordPress feature. Here's a full overview of how we use 'em with a bunch of examples and how-to's.
https://css-tricks.com/use-custom-fields-in-wordpress/
What is Chromium Without Chrome on Top?
https://css-tricks.com/what-is-chromium-without-chrome-on-top/
A nice one from @madsstoumann covering :where, :is, and other modern CSS features we have to work with the Cascade rather than against it.
https://css-tricks.com/dont-fight-the-cascade-control-it/
8 Interesting Typography Links for January 2022
https://css-tricks.com/typography-links-january-2022/
Adam Argyle's Sick Mouse-Out CSS Hover Effect by @geoffreygraham
https://css-tricks.com/adam-argyles-sick-mouse-out-css-hover-effect/
useRainbow() by @rafalpast
https://css-tricks.com/userainbow/
A New Container Query Polyfill That Just Works
https://css-tricks.com/a-new-container-query-polyfill-that-just-works/
The Search For a Fixed Background Effect With Inline Images by @alexVlazar
https://css-tricks.com/the-search-for-a-fixed-background-effect-with-inline-images/
Notes on Josh Comeau’s Custom CSS Reset
https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/
How to Make a Component That Supports Multiple Frameworks in a Monorepo
https://css-tricks.com/make-a-component-multiple-frameworks-in-a-monorepo/
Every ruleset you write likely changes the defaults of something. The lines are relatively fuzzy, but I'd say there is nothing in CSS that should be outright banned from use — it's more about the styling _choices_ you make.
https://css-tricks.com/should-css-override-default-styles/
CSS Underlines Are Too Thin and Too Low in Chrome by @simevidas
https://css-tricks.com/css-underlines-are-too-thin-and-too-low-in-chrome/
CSS-Based Fingerprinting
https://css-tricks.com/css-based-fingerprinting/
How to Create a Browser Extension by Lars Kölker
https://css-tricks.com/how-to-create-a-browser-extension/
Thanks for reading CSS-Tricks in 2021 everyone! We couldn't do it without you.
Here's our year-end wrapup. A bit of an analytics review and goal review.
https://css-tricks.com/thank-you-2021-edition/
As @shadeed9 shows, good CSS anticipates problems before they happen.
https://css-tricks.com/defensive-css/
I feel like things have gotten good all around. It also strikes me that updates to the web platform and the ecosystem around it are generally additive. If you feel like the web used to be simpler, well, perhaps it was—but it also still is.
https://css-tricks.com/the-web-is-more-gooder-and-other-observations-on-todays-web-tech/
