Responsive Design: kostenlose jQuery-Plugins
Kommentare

Korrekt und effizient umgesetztes Responsive Design bereitet Usern Spaß und Entwicklern nicht allzu selten Kopfschmerzen. Wie passe ich meine Inhalte an die verschiedenen Bildschirmgrößen an, ohne dass hässliche Lücken entstehen und der Charakter der Seite flöten geht?

Bei der Anordnung von Bildern stellt sich diese Frage besonders häufig. Heute haben wir drei kostenlose jQuery-Plugins gefunden, die Euch beim Bewältigen dieser Herausforderung weiterhelfen dürften:

Tympanus.net

Du willst besonders viele Bilder bündig nebeneinander auf Deiner Website präsentieren und fragst Dich, wie die einzelnen Container auf verschiedenen Bildschirmgrößen dargestellt werden? Wie viele Bilder müssen jeweils in eine Reihe, ohne dass unerwünschte Whitespaces entstehen?

Das kostenlose jQuery-Plugin Tympanus.net passt die einezelnen Bilder automatisch nebeneinander an, auch wenn sie unterschiedlich groß sind:

tympanus

Bildquelle Screenshot: Tympanus.net

Photoswipe.com

PhotosSwipe ist eine kostenlose HTML/CSS/Javascript-basierte Fotogalerie, mit der Designer und Entwickler interaktive, mobile Webseiten erstellen können.

photoswipe

Bildquelle Screenshot: Photoswipe.com

Responsiveslides.com

Klein aber fein: Responsiveslides ist ein Plugin, das responsive Slider anhand von Containern erstellt. Damit kann der Wechsel der Bilder im Slider auf zwei verschiedene Arten dargestellt werden: Entweder die Bilder wechseln sich klar nacheinander ab, oder sie fließen mit einem leichten Verlauf ineinander.

responsive slides

Bildquelle Screenshot: Responsiveslides.com

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -