theiNaD

Kategorie:Tipps & Tricks (Seite 1 von 5)

Tipps und Tricks aus verschiedenen Bereichen.

Media Queries in Javascript nutzen

Media Queries dürften so einigen aus der CSS Welt bekannt vorkommen. Mit ihnen lassen sich „Responsive“-Lösungen sehr gut realisieren.

Nun stand ich aber vor dem Problem, dass ich auch in Javascript bei bestimmten Auflösungen eine andere Vorgehensweise benötigte. Wie soll man aber ein mobiles Gerät erkennen? Anhand vom User-Agent definitiv nicht. Diese uralte Lösung ist sehr ungenau und durch Tablet-Hybride etc. verschwimmen Mobile und Desktop immer mehr miteinander.

Ein – Vorsicht es handelt sich um meine persönliche Meinung – wirklich schönes und pures Javascript (kein jQuery oder ähnliche Frameworks) Snippet sollte die Lösung meines Problems darstellen, welches auch komplexere Fälle berücksichtigen könnte:

isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;

Durch window.matchMedia(mediaQueryString) lässt sich ein beliebiger Media Query String matchen. Die Funktion gibt uns ein MediaQueryList Objekt zurück, welches die Eigenschaft matches besitzt. Diese beinhaltet einen Boolean und gibt ein true zurück, falls die Media Query Liste für das aktuelle Dokument zutrifft, sonst ein false.

Nun könnt ihr im weiteren Verlauf einfach mit einer If-Bedingung auf die Variable isMobile prüfen. Natürlich kann man die Media Queries noch anderweitig einsetzen – theoretisch sollten alle CSS typischen Media Queries möglich sein.

Automatisches Deployment via Git Hook

Moin,

Ich möchte Euch heute mal grob erklären, wie man seine Webseite mithilfe eines Hooks für Git automatisch auf dem gleichen Server deployen kann.
Auf meinem V-Server läuft Debian mit Gitolite, weshalb ich mich auf die Eigenschaften von dieser Distribution und diesem Hosting Tool beziehen werde. Vermutlich sind aber viele der angesprochenen Aktionen bei anderen Lösungen identisch bzw. müssen nur leicht abgeändert werden.

Mehr lesen »

Windows: Mehrere Dateien aus Unterordnern verschieben

Unser Ziel ist es, unter Windows aus folgendem Dateibaum:

  • Root
    • Verzeichnis A
    • Verzeichnis a
      • Datei a.mkv
    • Verzeichnis b
      • Datei b.mkv

Diesen Dateibaum zu machen:

  • Root
    • Verzeichnis A
    • Verzeichnis a
    • Verzeichnis b
  • Datei a.mkv
  • Datei b.mkv

Mehr lesen »

Selfoss: Fix für Reload Button

Zur Zeit spiele ich etwas mit selfoss rum, um einen eigenen RSS Reader zu haben (der sogar die Twitter Timeline einliest).

Dabei war bzw. ist es bei mir der Fall, dass der Reload Button (ich habe zwar einen Cronjob, möchte aber ggf. manuell die Feeds aktualisieren können) nicht funktioniert.
Um ihn zum laufen zu bringen, habe ich zwei Dinge getan:

Mehr lesen »

« Ältere Beiträge

Copyright © 2017 theiNaD

Design von Anders NorenHoch ↑