MDN: Important content first

Moves compatibility and specs tables to the top. If possible, makes thinkgs more compact.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Autore
myf
Installazioni giornaliere
0
Installazioni totali
33
Valutazione
0 0 0
Versione
2.0.0
Creato il
01/08/2020
Aggiornato il
21/08/2025
Dimensione
1,55 KB
Licenza
CC0 - Public Domain
Applica a

Moves compatibility and specifications tables to the top and makes them compact.

I found myself frequently visiting MDN just for quick fact check of implementation and specifications status. Since these are normally located on the bottom of the page, it became quite tedious to scroll / slam end to see them, so this this style pulls them up so they are visible above all other content.

Page used in the screenshot: text-rendering

If you'd like to have content more prominent, you can even move header after content.

Screenshot:

  • left: original (bottom) of the page
  • right: relevant portions of the same page, now above main heading