
When I was working at my first “real” job in the field in the mid-2000s, it was hammered in the web dev field to build tiny websites (no more than 100KB per page), only use JavaScript for special effects, and … https://css-tricks.com/be-prepared-for-failure-and-handle-it-gracefully/

(This is a sponsored post.) We’re going to go over details on how designer ↔️ developer collaboration in AWS Amplify Studio can make app building easier, but let’s cover one of those things right at the top here.
Say … https://css-tricks.com/build-great-apps-designer-and-developer-collaboration-just-got-easier/

There are a number of ways to approach a dark mode for your website, but essentially you get all the styles ready for it and then apply them when the user has indicated they want them, whether by direct … https://css-tricks.com/auto-dark-theme/

Everything kind of sucks right now. Things—generally—feel bad. Setting aside the broader realities of a global pandemic and rampant social injustices, we’re watching the identity of the web platform, an intrinsically free and open medium of creative expression, co-opted for … https://css-tricks.com/make-joyful-things/

Does shadow DOM improve style performance? — Nolan Lawson covers how, because of the inherent encapsulation of the shadow DOM, the styling gets applied a bit faster than it would if those styling rules were relevant to the entire page. But … https://css-tricks.com/links-on-performance-v/

Just the first sentence alone here from Stepanie Yee and Tony Chu is solid:
In machine learning, computers apply statistical learning techniques to automatically identify patterns in data. These techniques can be used to make highly accurate predictions.
And what … https://css-tricks.com/a-visual-introduction-to-machine-learning/

Huh! I did not realize that CSS custom properties had their own resolution behavior for how !important works in their values. Uh, despite writing a guide about them. 😬 But hey it’s now updated.
Stefan Judis documents it clearly. … https://css-tricks.com/the-surprising-behavior-of-important-in-css-custom-property-values/

What’s one thing we can do to make our site better? Maybe nothing at all!
Our websites keep getting bigger and bigger! When we have a team with so many exciting ideas and such interesting technology, it can be easy … https://css-tricks.com/maybe-nothing/

Jordan Scales explores the computer science concept of topological sorting, and what it might look like if applied to the concept of z-index in CSS. So, you don’t express what the z-index should be directly; instead, you say exactly … https://css-tricks.com/topological-sort/

When Chris first sent me this prompt, I was thinking about writing about progressive enhancement, but that subject is so wide-reaching to be one thing and all too predictable, especially for those already familiar with my writing. Saying that, what … https://css-tricks.com/consistent-fluidly-scaling-type-and-spacing/