Campusmanagement

Campusmanagement an der FAU

Inhalt

Conditional Comment für IE6 inkl. CSS-Formatierung

Hintergrund

Für die aktuelle mein campus Version (5.0) wurde aufgrund der eingeschränkten Möglichkeiten und des hohen Formatierungsaufwands die Entscheidung getroffen, den Internet Explorer 6 nur noch soweit zu unterstützen, dass der User alle Funktionen bedienen und die Texte lesen kann.

Auf der Starseite wird jetzt via Conditional Comment abgeprüft, ob und mit welcher Version des Internet Explorers der User unterwegs ist.
Nutzt dieser besagten Internet Explorer 6, erhält er nachstehenden Hinweis, versehen mit einem Link zu Microsoft, um sich die aktuelle Version downloaden zu können.

Screenshot Webseite

Conditional Comment im IE6-Fall in Aktion inkl. CSS-Formatierung

Weiterlesen

Farbschema zur mein campus Version 5.0

Dieses Schema erhebt keinen Anspruch auf Vollständigkeit.
Es bietet die Möglichkeit sich im Überblick verwendete Farben anzusehen und die Farbcodes zu kopieren.

» Header & Footer

»» Hintergrundfarben:
schlamm #d6d3c1 (header) – mit Farbverlauf
lichtbraun: #b2ae9c (footer) – border-top
schlamm #d6d3c1 (footer)
Hinweis: Die Farbwerte des „headers“ beziehen sich auf die Ausgangsfarbe/Grundfarbe.

»» Schriftfarben:
fastschwarz: #292b2d (default) – mit text-decoration: none
schwarz: #000 + Hintergrund schlammvaria #c7c3b1 (hover) – mit text-decoration: underline

» Erste Menüebene

»» Hintergrundfarben:
blau #2c536c (aktiv) – mit Farbverlauf
extremdunkelblau #0f1e26 (default) – mit Farbverlauf
Hinweis: Die Farbwerte beziehen sich auf die Ausgangsfarben/Grundfarben, da in der ersten Menüebene Farbverläufe verwendet wurden.

»» Schriftfarben:
weiß: #fff (default)
WEISS: #fff (aktiv) – mit text-transform: uppercase
orange: #dc8d00 (hover)

Weiterlesen

HTML 5, CSS 3

Sinnvolle, bereits jetzt einsetzbare Features, die nicht zu Kompatibilitätsproblemen führen sind:

in HTML5

– neue Elemente/Attribute

  • Aria-Landmarks (Deklaration von Bereichen, z.B.  „role=navigation“/“role=search“)
  • für Formularelemente (<input type=“url“ /> od. <input type=“email“ />) (wird bei Unwissenheit des Browsers auf Standard (=text) zurückgesetzt unddient u. a. der Anpassung der Tastatur beim iPhone) Weiterlesen