Einführung unterschiedlicher Untermenüs vorbereitet

Section-Handling überarbeitet: URI ist generell der Key für Map-Zugriffe!

Variable "menu" in "sections" umbenannt und Section-Handling vereinfacht

Abstand zwischen Menü-Pfad und Menü-Inhalt eingefügt

Preview-Seiten für das Druck-Layout und das Basis-Layout repariert

Preview-Seiten für den Seitenkopf und die Seitenaufteilung repariert

Preview-Seiten für die Layouts TABLET, PHONE und TINY repariert

Nachweis, dass das einspaltige Layout nicht funktioniert

Die Positionierung des Sektions-Menüs im Kopfbereich erfolgt abhängig von
der Position der Marginalspalte. Deswegen funktioniert das einspaltige
Layout nicht, weil die Marginalspalte dort tatsächlich unter dem Inhalt
steht, so dass ihre y-Position von der Länge des Inhalts abhängt.

Abhilfe würde nur eine absolute positionierung der Marginalspalte schaffen.
Aber dann darf/dürfte die Marginalspalte keinen Inhalt mehr enthalten, da
dieser sich keinen Platz nach unten mehr schaffen könnte!

Fehlerseiten angepasst

An die Verwendung mit Thymeproxy angepasst

Hinweis auf gefördertes Projekt in die About-Seite eingebaut

Projekt in ein JavaScript Frontend-Projekt umgewandelt

JS-Dateien für Rückwärtskompatibilität unter alten Namen zugänglich gemacht

Auf Wunsch den Link auf die Rechtsanwalts-Seite entfernt

Überschriftengrößen überarbeitet

Prettyprint-Style überarbeitet

Weniger Abstand über Inhalt (= weniger Platz für Breadcrumb)

Einspaltige Seite wieder eingeführt

Conditional-Comments für IE reaktiviert

wro4j ausgebaut

Mehrspaltige Darstellung in Haupt-Contentbereich überarbeitet

Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf mit LayoutDialect

Umstellung auf Thymeleaf: Schritt 3 - Versucht, das Projet umzustellen

Ergebnis: Möglichkeiten von Thymeleaf+Tiles zu eingeschränkt/kompliziert.

Umstellung auf Thymeleaf: Zwischenschritt - Fehler in Thymeleaf umschifft

Umstellung auf Thymeleaf: Schritt 2 - Tilesunterstützung aktiviert

Umstellung auf Thymeleaf: Schritt 1 - Thymeleaf zum Laufen bekommen

 * Tiles (vorerst) rausgeschmissen
 * Thymeleaf so weit konfiguriert, dass eine View /index.html erreichbar ist

Upgraded springframework to version 4.0.6.RELEASE

Kontakt-Seite überarbeitet

Keine Überschrift auf Startseite und Contentcontainer nicht vom Typ <article>

Mehr Platz unter Kopfbereich

Seitentitel kann weggelassen werden

Margin links bei kleinen Smartphones schon früher minimiert

Seite ohne Menü doch mit Marginalspalte (nur andere Farbe)

Impressum und AGB und About überarbeitet

Seite Professions in Expertise umbenannt (auch fragwürdig)

Dummy-Inhalt mit Hinweis für unfertige Seiten entwickelt

commons-logging might interfere with slf4j

See:
http://stackoverflow.com/questions/7952154/spring-resttemplate-how-to-enable-full-debugging-logging-of-requests-responses

Dispatcher-Servlet eindeutig benannt

Spring-Konfigurationsdateien liegen jetzt standardgemäß unter src/resources

Die Basis für die contextrelativen URL's wird jetzt Applicationweit bestimmt

Zuvor wurde das Attribut "base" in jedem Template mithilfe des Tags <url>
aus der Spring-Taglib bestimmt. Jetzt wird das Attribut beim Start der
Webanwendung einmalig bestimmt und im Application-Scope abgelegt.

Das hat den Vorteil, dass das Attribut in abgeleiteten Webanwendungen, die
die Templates wiederverwenden gezielt anders gesetzt werden kann.

About-Bereich hinzugefügt

Testseite für Media-Queries

Positionierung des Impressum-Links im Tablet-Layout korrigiert

Breadcrumb wird jetzt auch auf kleineren Tablets angezeigt

Abstand links des Marginal-Inhalts im Tablet-Layout korrigiert

CSS-Trickserei für Menü-Effekt auf Smartphones

Impressum und weitere rechtliche Hinweise eingebaut

Die Startseite schaltet jetzt den Link im Logo-Text tod

Header und Footer editierbar gemacht

Nötig, damit Sonderseiten wie die Startseite, oder das Impressum oder die
About-Seite die Spezial-Links im Header und/oder Footer todschalten können.

Layout für den Ausdruck

Rücksprung-Link zum Seitenanfang eingebaut und für Phone-Navigation verwendet

Marginal-Inhalt im Desktop-Layout jetzt vor sehr hellem Hintergrund

Aufteilung für den Inhalt von Seiten ohne Menü umgesetzt

Fehler-Seiten angelegt und zugehörige Test-Links aufgenommen

404-Fehlerseite layoutet

Faux-Column-Hack für Marginal-Inhalte auf Seiten ohne Menü korrigiert

LESS-Code aufgeräumt

Marker-Klasse für Menü/Kein Menü in das Element <body> verschoben

Dabei auch die Marker-Klassen von dem irreführenden cols_1/cols_2
in nomenu/menu umbenannt.

Marginal-Box auf fast leeren einspaltigen Seiten korrigiert

CSS-Datei für das Screen-Layout optimiert: unnötige Dopplungen vermieden

Unnötig komplexe CSS-Selektoren vereinfacht

Tablet-Layout vereinfacht und Sticky-Footer-Hack aus Phone-Layout übernommen

Beispielseiten für unsinnige Layout-Grenzfälle entfernt

Dabei:
Beispielseiten eindeutiger/einfacher benannt.

Layout für Smartphones und sehr kleine Bildschirmgrößen überarbeitet

Layout des Seitenkopfes sauber von der Seitenaufteilung getrennt

Symbol-Font von http://icomoon.io/ eingebaut

Media-Queries für die spezialisierten Layouts vereinfacht

Tablet-Layout für kleinere Bildschirme überarbeitet

Eine Zwischen-Weiche blendet bei kleineren Bildschirmgrößen unnötige
Elemente des Seiten-Kopfes aus.

Bildschirmbreiten für die Media-Query-Weichen als LESS-Variablen definiert

CSS für Media-Queries in einer Datei zusammengefasst

Es ist performanter, wenn der Browser nur eine CSS-Datei für das Screen-Layout
laden muss. Zudem ermöglicht die Zusammenfassung die Verschachtelung von
@media-Ausdrücken, da diese dann von LESS aufgelöst werden können.

Basis-Layout im Hinblick auf kleine Bildschirme überarbeitet

Formulare

Testseite für Markup-Kontrolle ohne störendes Layout implementiert

Outline durch Korrektur des semantischen Markup weiter verbessert

LESS-Mixins eingeführt, um das Styling der Schriften zu vereinfachen

Semantisches Markup nach Hinweisen von html5doctor.com korrigiert

Testseiten für extrem Layout-Grenzfälle angelegt

Das Hinzufügen neuer und die Pflege alter HTML-Experimente vereinfacht

Testseiten für die verschiedenen Layout-Variationen entwickelt

Testseite für den Seitenkopf entwickelt

Testseite für die Seitenaufteilung entwickelt

Testseite für das Basis-Layout implementiert

Dafür die neue Tile "htmlhead" eingeführt, die als Vorgabe die
vollständige Einbindung von CSS-Styles und JavaScript inklusive
Media-Queries usw. enthält.

Sammelseite für HTML-Experimente eingebaut

Styling für Tablets hinzugefügt

Sticke Footer

Die Marginalspalte auch auf Seiten mit einspaltigem Layout hervorgehoben

Viewport-Definition von Mobile HTML5-boilerplate übernommen

Siehe:

 * https://github.com/h5bp/html5-boilerplate/blob/master/doc/html.md
 * https://docs.google.com/presentation/d/1rmxwWa9P6_xHqonmh5ONXRS-jPc5XKbnv99Rjkhe04s/present
 * j.mp/mobileviewport

Neue Test-Seiten mit Beispiel-HTML-Code wie aus dem Wordpress-Blog

<spring:url> anstelle des <base>-Tags für die Pfadkorrektur benutzt

HTML-Vorlagen für Blog-Seiten und Formular-Beispiele

Schriftgröße für <code>-Tag korrigiert

Die meisten Browser wählen für <code>-Blöcke eine kleinere Schrift, obwohl
die Schriftgröße im Reset-CSS auf 100% gesetzt wurde.

Faux-Column-Hack gekürzt: der Zentrierungs-DIV kan mitverwendet werden

Faux-Column-Hack gegen ein Eigengewächs ersetzt, das ohne Grafik auskommt

Styling für sehr kleine Bildschirmgrößen hinzugefügt

Styling für Smartphone-Größen hinzugefügt

Basis-Style überarbeitet

 * Margin für kleine Displays optimiert
 * Navigations-Menü durch Rahmen übersichtlicher gestaltet

Styling von google-code-prettify an das Branding angepasst

Dabei auch ein paar Kleinigkeiten an den typografischen Grundvorgaben
korrigiert:
 * <pre> mit 1,5fachem Zeilenabstand sieht bescheiden aus.
 * "line-height: 1.5em" war öfter definiert, als nötig (da es eh schon
   für das Element <body> definiert war.

TODO:
Da das base.css als Media-Typ "screen" eingebunden wird, können die
speziellen Druck-Anpassungen des prettify-Stylings nicht greifen.
Da auch für das Branding ein angepasstes "print"-Styling definiert werden
sollte, wurde diese Anpassung aber aufgeschoben...

google-code-prettify hinzugefügt

Auf der Seite mit den Typografie-Beispielen wurde ein Beispiel für einen
mit google-code-prettify formatierten Quellcode-Block hinzugefügt.

Einfache Unterstützung für unterschiedliche Bildschirmgrößen aktiviert

Als erste grundsätzliche Unterstützung stark unterschiedlicher
Bildschirmgrößen wurde das Stadard-Layout für die Media-Klasse "screen" für
eine Größe der Anzeigefläche < 960px deaktiviert, so dass dann nur die
Styling-Anweisungen aus dem base-Layout angewendet werden.

Außerdem wurde das Standard-Layout künstlich auf eine maximale Breie von
1000px gestutzt. Bei einer größeren Anzeigefläche wird das Layout dann
jetzt vorerst in einer Breite von 1000px zentriert angezeigt.

Basis-Layout für veraltete Browser (IE6 & Co.) überarbeitet