davidbgk
/
larlet-fr-david
Seguir 1
Destacar 0
Fork 0
Código Lanzamientos 0 Actividad
Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
896 Commits
1 Rama
Árbol: ffaa972798
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'ffaa972798'
${ noResults }
larlet-fr-david/david/stream/2018/04/12/index.md

index.md 1.2KB
Original Blame Histórico

title: Graded browser support lang: en

We load a basic stylesheet to all users. This contains only normalisation and a few small enhancements to the user-agent stylesheet. To load the full experience only in modern browsers (grade-A and grade-X) we implement logic in the media attribute of the <link> element that identifies the main stylesheet, loading the stylesheet only in browsers that recognise the properties of that media query. This technique is documented here: Cutting the Mustard with Media queries.

[…]

We couple the loading of JavaScript to the loading of the enhanced CSS. If the browser loads the CSS within the media query, then load the JavaScript.

*Graded browser support* (cache)

Very clever technique for Progressive Enhancement that I discovered via this fantastic talk transcript (cache). Go read the whole piece, the Web deserves it.