Lorsque je travaillais sur un projet de responsive design, je cherchais un moyen de savoir si une Media Queries avait été exécuté sans pour autant avoir à la dupliquer en JavaScript. Il existe un moyen tout simple:

@media (min-width: 45em) {
    body:after {
        content: 'widescreen';
        display: none;
        }
    }

Ce code en lui-même ne fait pas grand-chose mais nous allons pouvoir l’utiliser pour vérifier la Media Queries a bien été exécutée en JavaScript:

var size = window.getComputedStyle(document.body,':after').getPropertyValue('content');
if (size == 'widescreen') {
    // c'est good !
}

C’est tout pour cette astuce qui vous sera très certainement utile un jour.

Merci à Jeremy Keith et ses lecteurs !