R:EVOLUTION YAML Style

Aus THM-Wiki
(Weitergeleitet von R:Evolution YAML Style)
Wechseln zu: Navigation, Suche

Das r:evolution-Template wurde von Christian Mölders im Rahmen des eStudy-Style-Wettbewerb 2008 entwickelt.


Konzept

Folgende Punkte sollen mit dem Template erreicht werden:

  • Ordnung schaffen
  • überlichtliche Menus
  • moderne Gestaltung
  • Maximierung des horizontal sichtbaren Bereichs

Technik

Das xHTML/CSS Gerüst basiert auf dem YMAL-Framework von Dirk Jesse, insbesondere auf der Spaltenanordnung "3-2-1".
Weiterhin wurde das von eStudy verwendete JavaScript Framework Protoype um wenige Zeilen für das Template erweitert.

Umsetzung

Revolution preview.png

Zuerst sollte das Template nicht die gesamte Breite des Browserfensters einnehmen, da die extrem langen Zeilen (wie hier im Wiki) mitunter schlecht lesbar sind.
Da verschiedene PlugIns und Module aus eStudy jedoch nicht oder nur unter hohem Aufwand mittels JavaScript und CSS skaliert werden können, wurde letztlich darauf verzichtet und die Breite doch auf 95% des Browsers gesetzt.

Die Menus für Inhalts- und persönliche Bereiche wurde auf die rechte Bildschirmseite gebracht.
Revolution nav.png

Die Navigation für Submenus sind, trotz redundanter Informationen, im Kopfbereich der Seite enthalten geblieben und bleiben beim Scrollen fix am Browserfenster stehen.
Revolution topnav.png

Print CSS

Leider konnte mangels Zeit keine CSS-File für die Druckausgabe angelegt werden.


Verbesserungsvorschläge

Am Template:

  • Neue Icons
  • Druckausgabe

An eStudy:

  • weniger Tabellen
  • mehr Semantik
  • mehr DIVs mit IDs



Signatur / Unterschrift

--Mölders-CMö74 12:24, 16. Jan. 2009 (UTC)