• We all have a few skeletons in our CSS closets. • There’s probably that one-off !important where you can now manage that more effectively with cascade layers. • Or maybe a dated Checkbox Hack that :has() has solved. • Perhaps it’s been a long while since your last site redesign and it’s chock-full of vendor-prefixed properties from 2012. • Stu Robson’s ReliCSS (clever name!) tool can excavate outdated CSS in your codebase that have modern CSS solutions. • Each relic is assigned a level of severity.
Article Summaries:
- ReliCSS Tool Identifies Outdated CSS for Modern Web Development
Stu Robson has released ReliCSS, a utility that scans a codebase to flag legacy CSS patterns and suggest modern replacements. The tool categorizes findings into three severity levels: high for obsolete hacks targeting defunct browsers (e.g., IE6/7), medium for older browser workarounds (IE8‑10) that may still be fragile, and low for vendor prefixes that can be handled by build tools like Autoprefixer. By highlighting these “relics,” ReliCSS helps developers prioritize cleanup, improve site performance, and streamline their build process. The tool also notes that commented‑out code can be mistakenly flagged, prompting users to review their configurations.
Sources: