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


Paper.js – Vektorgrafiken in Javascript mitt...
Es tauchen in letzter Zeit immer mehr Frameworks auf, die auf die eine oder andere Art und Weise versuchen, dem Webentwickler das Leben mit dem HTML5 ...


jsPDF – PDF-Dateien mit JavaScript erzeugen
PDF-Dateien sind aus der modernen Geschäftswelt nicht mehr wegzudenken, was insbesondere bedeutet das man diese in einer Applikation erzeugen muss. PD...


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...


JavaScript für Superheros
JavaScript macht seit einigen Monaten eine ganz erhebliche Wandlung durch. Während bei den Frontend-Entwicklern immer mehr Funktionalität / Logik in J...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.