Responsive Design mit Sitecore

Vor einiger Zeit habe ich hier bereits ein Tool zum Testen von responsive Websites für verschiedene Auflösungen und Endgeräte vorgestellt.

Responsive bedeutet, dass die Webseite sich unterschiedlichen Größen von  Browser-Fenstern und Bildschirmen von Smartphones und Tablets anpasst.

Eine besonders eindrucksvolle responsive Webseite habe ich eben im Blog von Sitecore entdeckt: Der Design Shop Normann Copenhagen, dessen Shop-Seite auf Sitecore basiert.

Probieren Sie mit den Tea Eggs das responsive Design aus!

Um das responsive Design in Action zu erleben, scrollen Sie einmal bis zu den Tea Eggs runter. Jede Farbvariante des Produkts wird in einem von 6 Quadraten angezeigt. Wenn Sie nun Ihr Browserfenster verkleinern, verschieben sich die einzelnen Boxen mit einer hübschen Animation untereinander, sodass Sie weiterhin alle Produkte sehen können. Oder surfen Sie die Seite mal mit iPad oder iPhone an: Alles wird dankt HTML 5 und CSS schön sauber und in ordentlicher Größe angezeigt.

Kein größer oder kleiner ziehen nötig. Die Seite passt sich automatisch Ihrem Gerät an.

DAS ist responsive Webdesign.

Ach ja und DAS ist eine ordentliche Relaunch-Party für die neue Webseite, die Normann Copenhagen da gefeiert hat ;)

 

Über Alex Kahl

Alex Kahl arbeitet bei comspace derzeit als freier Mitarbeiter für Social Media Marketing. Neben der Betreuung dieses Blogs in den Bereichen Redaktion und Vernetzung steht er uns in Kundenprojekten beratend in Sachen Social Web zur Seite. Mehr über Alex erfahren Sie in seinem Blog zu automobilen Lifestyle Der-Probefahrer.de, auf Facebook, Twitter, und XING
Artikel teilen:

Verwandte Themen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.