In questo articolo abbiamo visto come capire, usando i CSS, quale color schieme è usato nel sistema che visualizza la pagina (scuro o chiari).
Oggi vediamo la stessa cosa usando Javascript; non c'è bisogno di libreri esterne, in quanto useremo l'oggetto matchMedia.
Ho trovato una funzione per Javascript che ci consente di verificare la risoluzione dello schermo: window.matchMedia!
Dal nome già si può capire cosa fa.
In sostanza controlla se lo schermo combacia con la media query che si vuole controllare.
Nel mondo responsive le media-queries sono diventate fondamentali!
Attraverso queste regole, possiamo impostare diversi stili CSS a seconda delle dimensioni dello schermo.
Ho scoperto che è anche possibile usarle anche attraverso Javascript e l'oggetto window.matchMedia!