Alle Artikel mit dem Schlagwort “Responsive

Kommentare 5

FitText für skalierbare Texte in responsive Webdesigns

FitText in ein kleines, praktisches JavaScript-Plugin, um Text-Slogans oder andere größere Text-Elemente in responsive Webdesigns automatisch skalierbar zu machen. Mit Hilfe des Scripts passt sich dein Text-Slogan automatisch an die jeweilige Bildschirm-Breite an und wird dadurch immer optimal lesbar dargestellt.

FitText nutzen

FitText für automatisch skalierbare Texte. (Credit: Vektor-Icons von Etienne Mansard)

Das Plugin ist nicht für Fließtexte gedacht, sondern um große Schrift-Slogans, Webseiten-Titel oder Texte in einem großen Header-Bild automatisch an das responsive Design anzupassen. Und so funktioniert die Einbindung des JavaScript-Plugins.

Weiterlesen

Premium responsive WordPress Theme Oita
Kommentare 60

Oita: Premium responsive, Off-Canvas WordPress Theme für Minimalisten und Typo-Fans

Oita ist das neueste Premium responsive WordPress-Theme von Elmastudio mit einem modernen Off-Canvas Design, nicht nur auf mobilen Geräten, sondern auch auf großen Desktop-Bildschirmen. Durch dieses moderne, minimalistische Layout bietet Oita jede Menge beruhigenden Weißraum und deine Inhalte können so richtig ins Zentrum deiner Webseite rücken.

Weiterlesen

Kommentare 9

Showcase: Off Canvas in responsive Webdesigns

Off Canvas Showcase Die ersten Off Canvas-Layouts wurden in Native Apps wie Path oder Facebook umgesetzt. Doch spätestens seit Luke W diesen Sommer in seinem Artikel “Off Canvas Multi-Device Layout” auch Webdesigner und Entwickler auf diese neue Technik im responsive Webdesign aufmerksam gemacht hat, ging das Tüfteln los. Inzwischen sieht man immer mehr Webseiten mit der Off Canvas-Technik im Einsatz und es wird deutlich, welch tolle neue Möglichkeiten sich für responsive Webdesigns mit Off Canvas-Layouts auftun.

Weiterlesen

Kommentare 2

Buch-Tipp: Content Strategy for Mobile von A Book Apart

Content Strategy for Mobile Buchtipp Gestern ist das neueste Buch der A Book Apart-Serie “Content Strategy for Mobile” von Karen McGrane erschienen und wir haben uns natürlich gleich die eBook-Version gekauft. Inzwischen habe ich schon etwas im Buch geschmökert und ich bin jetzt schon total begeistert.

Karen bespricht in einer leicht verständlichen Sprache (wenn auch auf Englisch) darüber was zu bedenken ist, um Webinhalte mobile-ready zu machen und welche Problematiken auf Designer, Entwickler und Autoren zukommen, wenn Webinhalte für die verschiedensten Geräte zugänglich gemacht werden müssen. Weiterlesen

Kommentare 51

Baylys: Das neueste responsive Premium WordPress Theme von Elmastudio

Baylys WordPress Theme by Elmastudio

Baylys ist das neueste, für mobile Geräte optimierte Elmastudio-WordPress Theme und bietet neben einem schicken, minimalistischen Design jede Menge Platz, um deine Inhalte gebührend zu featuren. Du kannst Baylys als Blog-Theme, Fotografie Blog-Theme oder sogar als Portfolio nutzen und mit Hilfe praktischer Theme-Features wie Layout-Optionen, individuelle Seiten-Templates und jede Menge Widget-Optionen kannst du deinen Blog oder deine Webseite in nur wenigen Schritten einrichten. Weiterlesen

Off Canvas Layouts in responsive Webdesigns
Kommentare 35

Off Canvas-Layouts in responsive Webdesigns

Da die Bildschirmgröße auf mobilen Geräten begrenzt ist, werden Inhalte auf Smartphones und Tablets in den meisten Fällen in einem einspaltigen Layout untereinander angeordnet. Das kann bei viel Inhalt auf einer Seite allerdings dazu führen, dass der Nutzer sehr lange Inhaltsblöcke herunterscrollen muss, um zum gewünschten Inhalt zu gelangen. Um dies zu vermeiden, nutzen Native Mobile Apps wie Facebook oder Path sogenannte Off Canvas-Layouts. Bei Off Canvas-Layouts werden Inhalte auf mobilen Geräten außerhalb des sichtbaren Bildschirm-Bereiches (bzw. rechts und links) angelegt. Per Button-Klick können diese Inhalte dann vom Nutzer sichtbar gemacht werden, wenn sie benötigt werden.

Off Canvas Layouts in Mobile Apps

Off Canvas Layout Standard-Ansicht und nach Menü-Button-Klick.

Doch Off Canvas-Layouts eignen sich nicht nur für Native Apps, auch im responsive Webdesign kann diese Technik sehr praktisch sein. So können Inhalte auf kleinen Bildschirmen zuerst außerhalb des sichtbaren Bereiches angelegt werden, auf größeren Bildschirmen werden sie dann schrittweise sichtbar gemacht. Weiterlesen

Kommentare 38

Lightbox-Plugins für responsive WordPress-Themes

Wenn du einzelne Fotos oder eine Bildergalerie mit Hilfe einer Lightbox präsentieren möchtest, solltest du bei einem responsive WordPress-Theme darauf achten, dass auch die gewählte Lightbox deine Fotos je nach Bildschirmgröße skalieren kann. Am einfachsten ist es natürlich, wenn du ein WordPress-Plugin für die Integration der Lightbox nutzen kannst. Weiterlesen