JavaScript Events für Responsive Webdesign

Responsive Webdesign ist nicht nur begrenzt auf geschicktes HTML & CSS sondern hat auch Auswirkungen auf JavaScript. Zum einen möchte man, dass bei einer geringeren Auflösung sich ein Element eventuell anders verhält als bei einer höheren, und meistens möchte man auch verschiedene Funktionalitäten hinsichtlich der verschiedenen Auflösungen. Wäre super wenn es entsprechende Events gäbe, die bei einem Switch der Auflösung gefeuert werden, gibt es aber nicht.

Screenshot von Breakpoint.js

Mit Breakpoint.js erhält man in Vanilla JavaScript eine kleine Library, die für entsprechende Events sorgt. Logischerweise nimmt das Skript die Breite des Displays als Basis, für die dann frei Events eingerichtet werden können (also nicht nur für die gängigen Breiten, sondern für jede beliebige). Entsprechend gibt es für jede dieser Breiten zwei Events: nämlich einmal dafür, dass die Grenze unterschritten wird, und einmal dafür, dass die Grenze überschritten wird.

Jedes dieser Events lässt sich an eine Function binden. Das Projekt wird bei GitHub gehostet, und ist natürlich etwas, das man auch selbst machen könnte. Aber gerade bei solchen Sachen macht eine zentrale Verwaltung durchaus mehr Sinn, um alle Eventualitäten aller Browser durch die Community abfangen zu lassen.

Ähnliche Beiträge

HTML5 Audio mit Buzz HTML5 Audio ist ein nerviges kleines Biest! Das liegt nicht an der Umsetzung, sondern daran das jeder Browser sein eigenes Süppchen hinsichtlich Codec...
jwerty – JavaScript Keyboard Events vom Fein... Keyboard Events in Javascript sind in Backends das vielleicht am meisten unterschätze Feature! Wenn man mal ehrlich ist: man benutzt die Tastatur kaum...
Shortest Path Algorithmus in JavaScript Als ich in der grauen Vorzeit Informatik studiert habe gab es im Grundstudium ein paar Algorithmen, auf denen jeder Professor bis zum Erbrechen rum ge...
Lint für jQuery Früher war alles besser, der Himmel war blauer, die Wiesen grüner und ich programmierte eine Mailbox-Software in Turbo Pascal und wurde in der Uni daz...

Schreibe einen Kommentar