Was bedeutet responsive Template (Design)?

RESPONSIVE TEMPLATE (DESIGN)

Responsive Template ist ein Layout, dass sich an das Ausgabegerät (engl. Device) des Users automatisch anpasst. Je nach Größe des Monitors, Smartphones, oder Tablets positionieren sich die Elemente des Layouts (Designs) entsprechend. Für die Abfrage des Gerätes möchte ich zwei Methoden aufzeigen:

Per CSS => Eigenschaft @media
Per User-Agent-Abfrage

Wenn einer der festgelegten Bedingungen/Abfragen zutrifft, liefert das System das dafür vorgesehene CSS aus und somit ist Ihr Online-Shop oder CMS responsive. Ob der User z.B. sein Smartphone landscape (quer) oder portrait (hoch) in Händen hält, erhält er immer die richtige Darstellung Ihrer Präsentation.

Große Auswahl an responsiven Magento Templates


Responsive CSS-Frameworks

Heutzutage gibt es viele sog. CSS-Frameworks, die die Arbeit mit den vielen Geräten und Auflösungen erleichtern. Bekannte responsive CSS-Frameworks sind u.a.

Bootstrap
Foundation von Zurb
UIkit
960 Grid System

Die Anzahl dieser CSS-Frameworks steigt wöchentlich. Von sog. Lightwight CSS Frameworks wie Pure und Skeleton, die nur eine kleine Anzahl von CSS Modulen enthalten, bis hin zu Foundation von Zurb und UIkit, die bereits viele CSS- und JS-Module liefern und die Entwicklung eines Online-Shops erleichtert. Ich bevorzuge eher leichte CSS-Frameworks und programmiere mir bei Bedarf Funktionen und Features dazu. So habe ich mehr Überblick und halte das Projekt relativ updatesicher. In letzter Zeit habe ich mehrmals mit Bootstrap gearbeitet. Bootstrap ist für mich ein „Mittelding.“ Es enthält einige Module, es wirkt aber nicht so überladen. Mit Less kann ich sehr schnell entwickeln und designen. Welches CSS-Framework genutzt wird, hängt vom Entwickler selbst ab. Ob gut oder nicht gut, muss jeder für sich entscheiden. Fakt ist, dass jedes der CSS-Frameworks die Entwicklung von responsive Online-Shops, oder responsive CMS extrem verschnellert und die Zeit für das Testing auf den vielen Ausgabegräten deutlich verringert, weil es schon Tausendfach getestet wurde.

Strategische Partner für Sie

Händlerbund - Europas größter Onlinehandelsverband
Tempteria® ist Trusted Shops® Sales Partner
Estugo
Social Analyse Tool
Cleverreach
WiseSEO