Mentre stavamo desktop-izzando il sito, abbiamo spostato la navigazione della homepage sul lato destro della pagina per aprire un buco sul lato sinistro per più contenuti. Vorremmo aggiungere questo contenuto solo quando lo schermo è abbastanza grande. Non solo caricarlo tutto il tempo e nasconderlo sul cellulare. Non sarebbe un pensiero molto mobile, vero?
Abbiamo essenzialmente bisogno di testare la larghezza delle finestre, quindi se è abbastanza ampia, ajax in alcuni contenuti. Come scoprire la larghezza delle finestre? Guardiamo un sacco di modi. Lo misuriamo verso l'alto. Usiamo matchMedia () per testare una media query. Finiamo per utilizzare una piccola libreria chiamata Enquire.js per fornirci funzioni di callback delle media query.