All of us have just a few skeletons in our CSS closets. There’s in all probability that one-off !vital the place now you can handle that extra successfully with cascade layers. Or possibly a dated Checkbox Hack that :has() has solved. Maybe it’s been a protracted whereas since your final web site redesign and it’s chock-full of vendor-prefixed properties from 2012. Thar be demons!
Stu Robson’s ReliCSS (intelligent title!) software can excavate outdated CSS in your codebase which have fashionable CSS options.
Every relic is assigned a degree of severity. As Stu explains it:
- Excessive Severity: True “fossils”. Hacks for (now) unsupported browsers (IE6/7) or “harmful” methods. Excessive-risk, out of date, must be first targets for elimination.
- Medium Severity: The center floor. Hacks for older unsupported browsers (IE8-10). They work however they’re fragile. Hacks to evaluate to see in the event that they’re nonetheless related to your precise customers.
- Low Severity: Fashionable artifacts. Normally vendor prefixes (-webkit-, -moz-). Protected principally, however higher dealt with by automated instruments like Autoprefixer. They’re a chance to enhance your construct course of.
It’s been a short time since my private web site obtained an overhaul. To not toot my very own horn, however heyyyyyy!
Severely, although. I do know there are issues in there I’m embarrassed to confess.
However what if we do archeological dig on CSS-Tips? I imply, it’s been at least 5 years since this place has gotten the find it irresistible deserves. I’m nearly afraid to look. Right here goes…
OK, not as dangerous as I imagined. It’s largely vendor prefixing, which I’m certain comes courtesy of an older Autoprefixer configuration.
