Responsive Design: Top Trend im aktuellen Webdesign
Auch Pagewizz hat ein responsive Design. - Probieren Sie es aus: Verkleinern Sie Ihr Browser-Fenster und spielen Sie mit der Fensterbreite.Und wenn Ihr PC oder Laptop unter Windows XP läuft, dann funktioniert der IE nur bis Version 8. - Aber die meisten anderen Browser können schon seit geraumer Zeit mit der dahinter steckenden "Magie" HTML5 und CSS3 umgehen und zeigen die verschiedenen Layout-Ansichten korrekt an.
Selbst integrierte Videos und Bilder passen sich an
Wenn es die importierten Fremdinhalte zulassen - hier beispielsweise Videoclips von YouTube oder Vorschaubilder von Amazon - dann verkleinern sie sich ebenfalls, ganz nach den Erfordernissen der Monitor- und Display-Größen.
Mit ein paar Tricks lässt sich sogar festlegen, welche Inhalte bei welcher Bildschirmbreite angezeigt werden sollen. Besonders ideal ist das bei Bildern: Kleine Bilder mit höherer Auflösung für Smartphones und Tablet-PCs, größere Bilder mit niederer Auflösung für gängige Monitore.
Das folgende Video zeigt das sehr schön.
Auch Textpassagen lassen sich je nach Display-Breite ein- oder ausblenden. Dabei ist aber eine gewisse Planung nötig. Man darf nicht vergessen, dass auch ausgeblendete Inhalte eigentlich vorhanden sind und mitgeladen werden müssen.
Responsive Design im Gegensatz zu mobile Website
Ein responsive Webdesign passt zwar das Layout an die Display-Größen der unterschiedlichen Geräte an, nicht aber unbedingt entsprechende Inhalte.
Responsive Design geht im Großen und ganzen von einem Desktop-Gerät, einem Laptop, Netbook oder einem "mobilen Alleskönner" der neuesten Generation aus und wird hauptsächlich auf solchen Geräten angezeigt. Mit einem responsive Design kann also nur ein relativ kleiner Teil der mobilen Nutzer erreicht werden. Nutzer einfacher internet-fähiger Handys bleiben dabei ausgeschlossen. Die wirklichen Stärken, auch älterer Geräte, werden im responsive Design kaum genutzt.
Je nach Zielgruppe ist responsive Design eine sehr schöne und preiswerte Lösung, um die eigene Website schnell zukunftstauglich zu machen.
Kostenfreie responsive Wordpress Themes
20 Best & Free Responsive WordPress Themes
The Top 5 Free Responsive WordPress Portfolio Themes / June 2012
The Ultimate Responsive WordPress Themes Collection For 2012
Eine mobile Website erreicht 'alle' mobilen Endgeräte
Diese Methode arbeitet sehr zuverlässig und genau. Je nach Ergebnis wird eine passende Version der Website ausgeliefert. So wird sichergestellt, dass der Besucher keine Enttäuschung erlebt.
Große Website-Betreiber oder solche, die möglichst viele Handy-Nutzer erreichen wollen oder gar müssen, setzen auf diese weitaus erfolgreichste Methode.
Auch goMobi setzt mit dem DeviceAtlas eine Methode der Geräteerkennung ein. Über 5000 verschiedene Geräte können identifiziert und die Inhalte entsprechend angepasst werden.
goMobi ist ein preiswerter Service zur Erstellung mobiler Websites und ist speziell an die Bedürfnisse kleiner und mittelständischer Unternehmen angepasst. Probieren Sie es doch einfach mal aus...
Alternative Anbieter mobiler Systeme
Google Sites: Mobilize your business
Gratis
onbile
Gratis-Plan vorhanden
wirenode
Gratis-Plan vorhanden
dudamobile
Gratis-Plan vorhanden
 Responsive Webdesign: Hochwertige Websites mit ... |  Modernes Webdesign mit CSS: Schritt für Schritt... |  Mobiles Web von Kopf bis Fuß |
Media Queries
Schaukasten der schönsten Websites mit responsive Webdesign in den verschiedenen Ansichten
Mobile-Web
Mobile Websites - Welche Technik für welches Projekt? Ein kleiner Überblick für alle, die eine mobile Website planen.
Mobile Websites vs. Responsive Design: Was eignet sich für mein Unternehmen am besten?
Immer mehr Publisher machen sich fit fürs mobile Internet und auch ihr solltet über eine für Mobilgeräte optimierte Website nachdenken. Die Gründe liegen auf der Hand: 1. Allein in den letzten zwei Jahren haben die mobilen Suchanfragen um das Fünffache zugenommen, und...
Gibt es ein Leben außerhalb der Texterbörsen?
Ja, gibt es. Man muss es nur wählen und dazu lernen. Welche Vorteile ein Texterleben außerhalb der Börsen hat, erfahrt ihr hier.
Sass-Setup in 5 Minuten – ganz ohne Ruby-Installation
Mithilfe eines CSS-Präprozessors wird das Webseiten-Stylen zum Kinderspiel. Wir zeigen, wie man Sass ohne großen Installationsaufwand sofort einsetzt.
