Post

😇 Almost ready to publish my new stylelint plugin! It'll ship with ~70 rules (for now) and comes with presets for correctness, performance, design tokens and maintainability. Some of my favorite rules 👇

🚫 no-static-media/container-query => prevent `@media (width: 100px)` instead of `min-width` 🚫 no-unused-layers/custom-props/containers => once you define it, you should use it 🚫 no-atrule/property/value/selector-browserhacks (because @sturobson.com taught us well)

🎨 max-unique-colors/font-sizes/families/shadows/etc. ⚠️ max-lines-of-code (overall guard rail) ⚠️ max-selector-complexity (specificity is only part of story) ⚠️ max-spacing-resets (because @ohhelloana.blog a.blog is right and you shouldn't use excessive resets) 🌶️ no-property-shorthand 😈

🚫 no-duplicate-data-urls ⚠️ max-embedded-content-size (don't let them data urls get away from you) ⚠️ max-comment-size / max-comments 🚫 no-useless-custom-property-assignment

It all seems a bit much sometimes but, trust me, I've seen things, and you want all these rules in your toolbox. Or not. I'm not your boss.

0 reposts1 like

No replies yet.