Bilder-Slider sind sehr beliebt, doch leider sind die bisher üblichen Lösungen meist nicht für responsive Webdesigns geeignet, da sich der Slider nicht automatisch an die unterschiedliche Bildschirmgrößen anpassen kann. In der letzten Zeit sind daher etliche neue responsive Image-Slider entwickelt worden. Eine Slider-Lösung ist zum Beispiel der FlexSlider, der jede Menge Anpassungen bietet und Links…
Programmierung
88 Beiträge
-
HTML5 for Web Designers
-
Mit „Adaptive Images“ Bilder für responsive Webdesigns optimieren
Die Lösung „Adaptive Images“ wurde von Matt Wilcox entwickelt, um die Dateigröße von Bildern in responsive Webdesigns zu verringern. Mit Hilfe der PHP- und Javascript-Lösung kannst du erreichen, dass von allen Bilder auf deiner Webseite automatisch verschiedene kleinere Bildformate erstellt werden. Diese, in Format und Dateigröße reduzierten Bilder, werden dann genutzt, wenn ein Besucher deiner…
-
25 jQuery-Plugins für responsive Layouts
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 vorgestellt, dennoch bietet der Artikel eine gute Übersicht aktueller Plugin-Lösungen.
-
Video-Tipp: HTML- und CSS-Elemente schnell im Browser kontrollieren
Im folgenden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kontrollieren kannst. So kannst du z.B. schnell die CSS-Klasse und die verwendeten CSS-Eigenschaften eines HTML-Elements heraus finden und diese dann gegebenenfalls anpassen oder,…
-
Elastislide
Das Bilder-Carousel-Plugin Elastislide ist ein weiteres, hilfreiches jQuery-Plugin, um responsive Webdesigns noch spannender und vielseitiger zu gestalten. Mit Hilfe des Carousel-Sliders kannst du eine Bilderserie (z.B. deiner neusten Portfolio-Arbeiten oder deiner letzten Urlaubsfotos) zeigen. Neben der Plugin-Beschreibung gibt es auch noch eine schöne Live-Demo Webseite mit verschiedenen Beispielen das Carousel-Plugins.
