23 posts
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. Das Plugin ist nicht für Fließtexte gedacht, sondern um große Schrift-Slogans, Webseiten-Titel oder Texte in…
Nachdem ich heute morgen den neusten Responsive Webdesign Newsletter von @justinavery gelesen habe, hatte ich ein kleines Aha-Erlebnis, da ich sein Site-Project Tool „Am I Responsive?“ bisher noch nicht entdeckt hatte. Dabei ist das Screenshot-Tool wirklich genial und macht jede Menge Spaß, denn mit nur einem Klick kannst du dir deine responsive Website in einer schönen Präsentation auf verschiedenen Geräten anzeigen lassen.
Gezeigt wird die Webseiten-Ansicht für Desktop (1600x992px), Laptop (1280x802px), Tablet (768x1024px) und Smartphone (320x480px) und per Drag’n’Drop kann sogar die Anordnung der Geräte im Bild geändert werden.
Das Tool ist auf jeden Fall eine tolle Sache, um kurz einen Überblick über die eigene Webseiten-Präsentation auf verschiedenen Geräten zu bekommen und schöne Screenshots der eigenen responsive Webseite vorzubereiten.
Das Oita Theme im Überblick 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.
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…
Da ich hier auf dem Blog schon eine Weile nicht mehr über die Entwicklung von responsive Webdesigns und responsive WordPress-Themes berichtet habe, möchte ich in diesem Artikel ein paar hilfreiche Erkenntnisse und Tipps teilen, die meiner Ansicht nach bei der Entwicklung von responsive Webdesigns besonders wichtig sind.
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.
Und mit „Mobile“ sind dabei nicht mehr nur Smartphones und Tablets gemeint. Vielmehr geht es inzwischen darum, Webinhalte für eine große Vielzahl von Geräten mit ganz unterschiedlichen Bildschirmformaten (vom kleinsten Blackberry Screen, über SmartTVs und Kühlschränke mit eingebauten Screens) vorzubereiten.
Get your content ready to go anywhere because it’s going to go everywhere.
Brad Frost in For a Future-Friendly Web
Karen analysiert in ihrem Buch viele aktuelle Webseiten-Beispiele und bespricht worauf man achten sollte, um für diese spannende und bunte neue Welt des Webs gewappnet zu sein. Das Buch ist als eBook-Version für 9 US-Dollar oder als Taschenbuch für 18 Dollar + Versand bei A Book Apart erhältlich.
