'degagee.de' goes responsive und reagiert auf die Bildschirm-Größe.
Nachdem 'responsive Webdesign' für 2012 DAS Thema im Bereich Webdesign ist, haben auch wir uns nun eingehend damit beschäftigt.
Mitte Januar 2012 veröffentlichte die Template-Schmiede 'JoomlArt.com' – die auch das von uns verwendete 'T3 Framework' entwickelt haben - ihr erstes responsive Template - 'JA Elastica'. Wie das Framework ist auch dieses Template frei nutzbar, da unter einer GNU-Lizenz veröffentlicht. Wir waren – und sind – so begeistert, dass wir unsere gerade mal zwei Monate alte Website darauf umgestellt haben.
Unter "responsivem Webdesign" versteht man ein Design, dass sich an verschiedene Bildschirm- bzw. Display-Größen anpasst. Die Veränderungen können sich dabei auf Folgendes auswirken:
- Veränderung des Layouts:
z.B. bis zu 4 Spalten rechts (bei einem Wide-Screen-Layout) im Gegensatz zu einem komplett 1-spaltigen Layout (Mobil-Version) - Veränderung der Bildgrößen:
Bilder verhalten sich relativ zu Ihrer Umgebung - Veränderung der Schriftgrößen
- Anpassung des Menus an das Endgerät:
Verschiedene Menu-Größen für Desktop-Layouts, spezielles Menu für touchscreen Tablet-PCs (ohne Mouse-Over), aufklappbares Menu (mit nur der 1. Ebene) für Handys/Smartphones.
Die Anpassung der Inhalte unserer Site war im Großen und Ganzen problemlos. In den Code eingreifen mussten wir nur bei der Bildergalerie 'JoomGallery', dort musste die Ausgabe der Bild-Maße ('width' und 'height') unterbunden werden, damit die Skalierung für die verschiedenen Breiten funktioniert.