Webdesign für Laptop und Desktop-PC mit ersten Responsiven Elementen
Ein vollständiges Responsive Webdesign vor Augen, wurde bei bereits in Phase eins mit einem „Grid“-Layout, HTML5 und CSS gearbeitet. Damit wurde der Grundstein dafür, die Webseite später für mobile Endgeräten zu optimieren, gelegt. In der Desktop-Version von www.bdew.de finden sich somit bereits einige Responsive Elemente: Das Framework selbst basiert auf Twitter Bootstrap, dessen Code standardisiert und für mobile Endgeräte optimiert ist.
Sind die Inhalte einer Kategorie auf mehr als eine Seite verteilt, stehen dem User wahlweise Pfeiltasten oder ein Wischeffekt zum Umschalten zur Verfügung. Der Wischeffekt funktioniert sowohl mit der Maus am Desktop-PC oder Laptop als auch mit den Fingern am Tablet-PC.

Die Entwickler der TIMETOACT und der BDEW arbeiten bei der Umsetzung eng zusammen. Über einen eigenen Zugang hat der BDEW jederzeit die Möglichkeit, sich den aktuellen Stand der Webseite live anzuschauen. Im Januar 2014 ging die Webseite des BDEW, optimiert für Laptop und Desktop-PCs, online. Die weitere Optimierung für mobile Endgeräte findet im laufenden Betrieb statt, so dass die Besucher der Webseite bereits von dem neuen Layout profitieren können.
Für Stilelemente, wie illustrierende Icons, wurden anstelle von Grafiken vollständig skalierbare Font-Icons verwendet. Für die mobilen Endgeräte müssen damit später keine weiteren Grafiken in unterschiedlichen Größen eingebunden werden, womit die Performance der Webseite verbessert wird. |
Sind die Inhalte einer Kategorie auf mehr als eine Seite verteilt, stehen dem User wahlweise Pfeiltasten oder ein Wischeffekt zum Umschalten zur Verfügung. Der Wischeffekt funktioniert sowohl mit der Maus am Desktop-PC oder Laptop als auch mit den Fingern am Tablet-PC.
Die Entwickler der TIMETOACT und der BDEW arbeiten bei der Umsetzung eng zusammen. Über einen eigenen Zugang hat der BDEW jederzeit die Möglichkeit, sich den aktuellen Stand der Webseite live anzuschauen. Im Januar 2014 ging die Webseite des BDEW, optimiert für Laptop und Desktop-PCs, online. Die weitere Optimierung für mobile Endgeräte findet im laufenden Betrieb statt, so dass die Besucher der Webseite bereits von dem neuen Layout profitieren können.