Sitelab · Code Modernity Analysis
Examines a site's CSS, JavaScript and HTML and dates how current it is, year by year, while detecting the technologies and libraries in use.
Sitelab labels the features in a stylesheet by the year each one was recognized, and works out how current your styling is from there. Below is a catalog of CSS features by era: the higher up your code sits, the higher your modernity score.
Leading edge (2024+)
Newly spreading, the standard of the future
calc-size():has()@scopetext-wrap: balancesubgridcolor-mix()@containeranchor positioning
The new normal (2020-2023)
Safe to use today
CSS Gridaspect-ratiogap (flex)insetclamp()min()/max()custom propertieslogical properties
Modern foundations (2015-2019)
A solid base
Flexboxcalc()transitionstransformmedia queriesrem/vh/vwbox-shadow
The bridge era
Between hacks and modern code
vendor prefix (-webkit-)float layout (residual)clearfixdisplay: table
IE-era hacks (abandoned)
These lower your score today
filter: progidzoom: 1* html hackconditional commentsexpression()
Code modernity is one dimension. To see your site's SEO, speed and security together, run the 80-check analysis in Turksemveri Web.
Free SEO Analysis →