Au fur et à mesure que nous travaillions sur le site, nous avons déplacé la navigation de la page d'accueil sur le côté droit de la page pour ouvrir un trou sur le côté gauche pour plus de contenu. Nous aimerions ajouter ce contenu uniquement lorsque l'écran est suffisamment grand. Il ne suffit pas de le charger tout le temps et de le cacher sur mobile. Ce ne serait pas une pensée très mobile d'abord, n'est-ce pas?
Nous devons essentiellement tester la largeur des fenêtres, puis si elle est suffisamment large, ajax dans certains contenus. Comment connaître la largeur des fenêtres? Nous examinons un tas de façons. Nous le mesurons directement. Nous utilisons matchMedia () pour tester une requête multimédia. Nous finissons par utiliser une petite bibliothèque appelée Enquire.js pour nous donner des fonctions de rappel de requête multimédia.