Mediagourmet

• Extra kleine Geräte - Smartphones (<768px)
• Kleingeräte - Tablets (≥768px)
• Medium Geräte - Laptops (≥992px)
• Große Geräte - Desktops (≥1200px)

Hierbei wird je nach Modus der Kopf, das Menü, das Banner und die Spaltenaufteilung angepasst dargestellt.

Funktionalitäten:

• Das Hauptmenü ist jetzt mit aufklappenden Untermenüs programmiert und passt sich immer der Bildschirmbreite an. Wenn der Menütext nicht mehr auf den Bildschirm passt, wird ein allgemein verständliches und gebräuchliches Symbol eingeblendet. Nach Klick fährt dann das Menü auf.
• Das Logo und das Menü sind immer sichtbar, so muss der User nicht mehr nach oben scrollen, wenn er eine Seite gelesen hat. (Fixed Header)
• Das Banner passt sich immer auf die Bildschirmgröße an.
• Die Bilder im Text passen sich immer relativ der Bildschirmgröße an.
• Die Textgrößen sind auf den jeweiligen Geräten immer gut lesbar.
• Die 2-spaltigkeit wird solange beibehalten, wie die Bilder in annehmbarer Auflösung noch passen. Danach wird es 1-spaltig mit Trenner dargestellt.
• Die Lightbox ruft jetzt nur noch 1 Script auf (vorher 5 - Geschwindigkeitsvorteil und Resourcenschonend) und passt sich im Vollbild automatisch an die Fenstergrösse an.
• Die Telefonnummer ist auf Handys direkt wählbar.

Qualitätssicherung:

• Yslow Test Grade A/F - Overall performance score 91 | alte Seite: Grade C / 72
• Google PageSpeed Insights 91/100| alte Seite 66/100
• Getestet mit IE 8-11 auf Win7 / Safari auf MacOS / Safari auf iPad 2 / Android Browser auf Smaprtphone Sony Xperia / Opera, Safari, Chrome, Firefox auf Win7
• Die Webseite ist validiert und fehlerfrei nach HTML5 (Link)