A DRY Approach to Color Themes in CSS by @ckirknielsen
https://css-tricks.com/a-dry-approach-to-color-themes-in-css/
Hiding Content Responsibly
https://css-tricks.com/hiding-content-responsibly/
React Component Tests for Humans
https://css-tricks.com/react-component-tests-for-humans/
A super duper deep dive into shadows, from the way light affects them to the different types of shadows, and how to get the most out of them in CSS.
https://css-tricks.com/getting-deep-into-shadows/
To the brain, reading computer code is not the same as reading language
https://css-tricks.com/to-the-brain-reading-computer-code-is-not-the-same-as-reading-language/
Clipping Scrollable Areas On The inline-start Side
https://css-tricks.com/clipping-scrollable-areas-on-the-inline-start-side/
Three Ways to Blob with CSS and SVG by @ARMITTAL.
https://css-tricks.com/three-ways-to-blob-with-css-and-svg/
Use CSS Variables instead of React Context
https://css-tricks.com/use-css-variables-instead-of-react-context/
It's hard to imagine @sarah_edo making mistakes, but she shares ones she thinks she's made as an engineering manager — and how to overcome them.
https://css-tricks.com/mistakes-ive-made-as-an-engineering-manager/
Recipe websites, data modeling, and user experience
https://css-tricks.com/recipe-websites-data-modeling-and-user-experience/
Let’s Create a Custom Audio Player by @@broods_
https://css-tricks.com/lets-create-a-custom-audio-player/
Barebones CSS for Fluid Images
https://css-tricks.com/barebones-css-for-fluid-images/
I've been enjoying these little "You want..." style posts.
https://css-tricks.com/you-want/
Things You Can Do With CSS Today
https://css-tricks.com/things-you-can-do-with-css-today/
RT Chrome Developers
🆕 GUI Challenge: Tabs
✅ accessible
✅ fluid
✅ responsive
✅ works without the JS
Follow @argyleink as he breaks down the markup, layouts, animations (like @ScrollTimeline usage), and more on YouTube!
share yours, if you're up to the challenge 😈
https://www.youtube.com/watch?v=mMBcHcvxuuA
We may not have conditional CSS, but here's a trick from Yair Even Or using @keyframes for state.
https://css-tricks.com/css-switch-case-conditions/
Use CSS Clamp to create a more flexible wrapper utility
https://css-tricks.com/use-css-clamp-to-create-a-more-flexible-wrapper-utility/
Front of the Front / Back of the Front
https://css-tricks.com/front-of-the-front-back-of-the-front/
How to Create a Shrinking Header on Scroll Without JavaScript by @brynjulfs1
https://css-tricks.com/how-to-create-a-shrinking-header-on-scroll-without-javascript/