Schlagwort: Responsive Webdesign
-
Link-Tipp: Sammlung hilfreicher jQuery-Plugins für responsive Webdesigns
Sammlung hilfreicher jQuery-Plugins für responsive Webdesigns Im Artikel „25 jQuery-Plugins to help with Responsive Layouts“ auf dem Speckyboy-Blog findest du eine nützliche Zusammenstellung verschiedener jQuery-Plugins, die für die Arbeit an einem responsive Webdesign verwendet werden können. Das ein oder andere Plugin haben wir zwar auch hier auf dem Blog schon…
-
Screen Resolution Worksheet für Webdesigner: EPS- und Photoshop-Arbeitsblatt mit den gängigsten Bildschirmgrößen downloaden
Besonders bei der Arbeit an einem neuen responsive Webdesign ist es hilfreich, wenn man sich das erste grobe Webdesign-Layout (einfache Blockelemente reichen da völlig) in verschiedenen Bildschirmgrößen anskizziert. Daher habe ich eine Dateivorlage erstellt, auf der die gängigsten Bildschirmformate bereits vorbereitet sind.
-
CSS-Tipp: Eingebettete Videos für responsive Webdesigns optimieren
Schon seit einer Weile habe ich nach einer praktischen Lösung gesucht, um über iframe eingebettete YouTube- oder Vimeo-Videos für responsive Layouts zu optimieren. Die Video-Player lassen sich zwar auch standardmäßig mit Hilfe der CSS-Eigenschaft max-width:100%; skalieren, aber leider entsteht so immer ein unschöner schwarzer Balken, wenn man das Video auf…
-
Die Photoswipe Bildergalerie (mit Touchscreen Swipe-Effekt) nutzen
Photoswipe ist eine moderne JavaScript-Bildergalerie, die besonders für mobile Geräte mit Touchscreens optimiert ist. Denn auf Touchscreen-Geräten wie Tablet PCs und Smartphones können die Bilder mit dem beliebten Swipe-Effekt nacheinander „weitergeblättert“ werden. Alternativ (und auch auf Desktop-Monitoren nutzbar) gibt es eine Diashow-Funktion und einen Vor- und Zurück-Button. Auch die Navigation…