Aloha ;)

Bis eben war ich noch bei dir, aber hier

Oh, und die Eigenschaft pointer aus den media-queries lässt sich sicher auch ganz interessant in JS verwenden, z.B. um eine JS-gesteuerte Navigation zwischen einer hover-Bedienung und einem alternativen Konzept für Touchgeräte umzuschalten. Oder so.

übersiehst du, glaube ich, dass es es nicht „entweder Maus oder Touch“ heißen kann, sondern „Maus oder Touch“, was „und“ mit einschließt. Es gibt schließlich Geraäte, die bieten beides gleichzeitig.

Jein. Ich hab mich hier beabsichtigt in die Nesseln gesetzt. Dass es Geräte mit beidem gibt war mir klar. Eine hover-Navigation kommt ja auch nur für die in Betracht, die nur eine Maus haben, die Logik geht also schon auf. Das von dir angesprochene OR statt XOR war mir schon klar, nur ist das Beispiel sicher nicht ganz glücklich gewesen 😉 Deshalb auch das „Oder so.“

Vielleicht hätte ich besser geschrieben: „Falls man eine Touch-kompatible Navigation für reine Mausbenutzer auf hover downgraden möchte“ 😂

Grüße,

RIDER

Aloha ;)

Aber einen Anwendungsfall, indem man per JS bei bestimmten Medienmerkmalen irgendetwas anderes als CSS setzt, evtl. andere Elemente verwendet, habt ihr auch nicht, oder?

Seit CSS Animationen kann sind die sinnvollen Einsatzmöglichkeiten von Javascript ein wenig zurückgegangen. Ich kann mir vorstellen, dass media queries wie hover, grid, printund insbesondere speech einen Unterschied machen. Konkretes Beispiel will mir aber keins einfallen.

Wobei... nun ja. Beispiel speech. Sagen wir mal ich bau mir ein Moorhuhn-Spiel (oder was simpleres, aber irgendwas, was eben nur bedienbar ist, wenn man es auch sieht / sehen kann) in einem canvas. Dann liefere ich für media-query speech statt dem Canvas einen Text aus à la „An dieser Stelle gibt es an Bildschirm-Ausgabegeräten ein Moorhuhn-Spiel.“

Ja, ich weiß, das hat noch Kanten, aber mal als erste Idee, quasi sowas wie ein selbstgemachter alt-Text für Elemente, bei denen keiner von Haus aus vorgesehen ist.

Grüße,

RIDER

Hallo Matthias,

Aber einen Anwendungsfall, indem man per JS bei bestimmten Medienmerkmalen irgendetwas anderes als CSS setzt, evtl. andere Elemente verwendet, habt ihr auch nicht, oder?

Keine Ahnung ob es das ist, was du suchst, aber ich verwende es im Forum um zu prüfen ob wir unterhalb des Breakpoints sind. Falls ja scrolle ich zum main:

      var mql = window.matchMedia("only screen and (min-width: 35em)");
      if(!mql.matches && !document.location.hash) {
        window.scrollTo(0, $("main").offset().top);
      }

LG,
CK