Seit dem 21. April 2015 bevorzugt Google in den Suchergebnissen auf Smartphones Webseiten, die für mobile Geräte optimiert sind. Um bei den Google-Suchergebnissen nicht benachteiligt zu werden ist es also wichtig, dass auch deine Webseite (z.B. mit einem responsive Webdesign) für mobile Geräte optimiert ist. Wenn du dir nicht sicher bist, ob deine Webseite von…
Das Renkon Theme im Überblick Renkon ist unser neuestes Premium WordPress-Theme für Fotografie-Fans. Renkon hat ein minimalistisches, responsive Grid-Layout, mit dem du leicht einen wunderschönen Foto-Blog deiner Bildern erstellen kannst. Das Theme bietet außerdem ein großes Headerbild-Feature mit Platz für einen Intro-Slogan, die Off Canvas Sidebar (von Mobile bis Desktop) schafft jede Menge Platz für…
25 jQuery-Plugins für responsive Layoutsspeckyboy.com
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.
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.
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 einem kleinen Bildschirm oder auf…
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 über die Pfeiltasten der Tastatur…