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 und Bildcaptions erlaubt. Im folgenden Artikel zeige ich, wie du den FlexSlider auf deiner Webseite einbinden kannst. Weiterlesen
Das Buch »HTML5 for Web Designers« jetzt kostenlos online verfügbar →
Für alle Webdesigner und HTML-Interessierte, die sich etwas mehr in das Thema HTML5 einarbeiten möchten, gibt es das A Book Apart-Buch »HTML5 for Web Designers« von Jeremy Keith jetzt kostenlos online verfügbar.
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 Webseite z.B. auf einem Smartphone aufruft. Da die Bildschirmgröße eines Smartphone-Displays ja viel geringer ist, müssen so nicht die standardmäßig geladenen, viel zu großen Bilder genutzt werden. Das spart jede Menge Datenmenge und somit Ladezeiten, was besonders auf mobilen Geräten mit langsamen Verbindungen ein großer Vorteil ist. Weiterlesen
WordPress-Tipp: Bestimmte Webseiten-Elemente nur auf der Startseite anzeigen
Manchmal möchte man ein bestimmtes Element einer Webseite nur auf der Startseite anzeigen. Dies könnte zum Beispiel ein Headerbild oder ein kleiner Introtext im Headerbereich sein, aber natürlich auch jedes andere Webseiten-Element. In WordPress gibt es für diesen Fall die praktische Funktion is_front_page. Im folgenden kleinen Artikel habe ich zwei Code-Beispiele zusammen gestellt, um die Funktion etwas genauer zu beschreiben. Weiterlesen
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 vorgestellt, dennoch bietet der Artikel eine gute Übersicht aktueller Plugin-Lösungen.
Buch-Tipp: Designing for Emotion & Mobile First Bundle bei A Book Apart
Da die kleinen Bücher von A Book Apart für Webdesigner und Webentwickler sowieso immer ein Highlight sind, haben wir uns besonders über das aktuelle Angebot gefreut, die beiden neusten Bücher »Designing for Emotion« von Aarron Walter und »Mobile First« von Luke Wroblewski in einem Paketpreis kaufen zu können. Die eBook-Version der beiden Bücher kannst du dir so schon für 15 Us-Dollar bestellen. Wir haben unsere Exemplare zwar noch nicht komplett durchgearbeitet, aber die Texte lassen sich trotz Englisch angenehm lesen und die Sprache ist auch nicht zu kompliziert gehalten. Wir finden die Bücher sind für alle Webdesign-Fans auf jeden Fall einen Empfehlung wert.