Terwijl we de site aan het desktop-eren waren, hebben we de homepagina-navigatie naar de rechterkant van de pagina verplaatst om een gat aan de linkerkant te openen voor meer inhoud. We willen deze inhoud alleen toevoegen als het scherm groot genoeg is. Laad het niet de hele tijd en verberg het op mobiel. Dat zou niet erg mobiel zijn, toch?
We moeten in wezen de breedte van de vensters testen, en als deze breed genoeg is, ajax in sommige inhoud. Hoe kunnen we de breedte van de ramen achterhalen? We bekijken een heleboel manieren. We meten het recht omhoog. We gebruiken matchMedia () om een mediaquery te testen. We gebruiken uiteindelijk een kleine bibliotheek genaamd Enquire.js om ons callback-functies voor mediaquery's te geven.