Als wir die Website für Desktops umgestalteten, haben wir die Navigation der Homepage auf die rechte Seite des Bildschirms verschoben, um links Platz für mehr Inhalt zu schaffen. Diesen Inhalt wollten wir nur hinzufügen, wenn der Bildschirm groß genug ist. Nicht einfach alles immer laden und auf Mobilgeräten ausblenden. Das wäre kein wirklich „Mobile-First“-Denken, oder?
Wir müssen im Wesentlichen die Fensterbreite testen und dann, wenn sie breit genug ist, Inhalte per AJAX nachladen. Woher wissen wir die Fensterbreite? Wir schauen uns eine ganze Reihe von Möglichkeiten an. Wir messen sie direkt. Wir verwenden `matchMedia()` um eine Media Query zu testen. Am Ende verwenden wir eine kleine Bibliothek namens Enquire.js, um uns Callback-Funktionen für Media Queries zu liefern.
Es ist schön, dass Digby Sie beim Aufnehmen Ihrer Screencasts begleitet (ich nehme an, es sind ihre Hundemarken, die im Hintergrund klimpern). Mein Hund schlief früher unter meinem Schreibtisch, während ich arbeitete. Tolle Arbeitsgefährten.