Im Juli 2014 änderte RP die Seiten in HTML5. Im August korrigierte er vieles nach diesem Standard.
September
Im September 2014 erhielt die Seite eine neue Kopfzeile, wobei das neue HTML5-Tag <header> verwendet wird. Außerdem wurde eine Fußzeile per <footer> hinzugefügt. Hierbei
wurde auch gleich noch die CSS-Unterstützung für den veralteten Netscape 4.x entfernt.
Seit September 2014 verwenden wir eine ICON-Schriftart für Symbole für unterschiedliche Dateien. Die Information dazu lautet:
Font generated by flaticon.com
under CC BY. The authors are: Freepik.
Am 14. September 2014 wurde das oben erwähnte Skript für Infofenster durch eine CSS-VarianteSie verwendet CSS für die Formate und funktioniert ohne Javascript.
Siehe auch auf der Seite von Menucool. Siehe auch auf unserer Seite dazu. ersetzt.
Am 19. September 2014 hat RP endlich eine Lösung für den versteckten Schatten beim Hauptmenü, im Internet Explorer 9-11, gefunden. Schuld daran war:
in der Definition des äußeren Kastens der Navigation. Es reichte aus, das genannte Format auszukommentieren.
Am 22. September 2014 wurden dann für den Internet Explorer 8 eine Variante gefunden, um dort den Schatten beim Menü zu erzeugen. Leider taugt diese Variante nicht
für ältere Explorer, da dort beim Testen dann die Untermenüs abgeschnitten wurden. Hierfür wird folgender Code in einer eigenen CSS-Datei verwendet:
Am 24. September 2014 hat RP das RSS-Feed erneuert.
Am 27. September 2014 hat RP die Fußzeile der Seiten ergänzt.
Oktober
Am 3. Oktober 2014 hat RP erneut die Fußzeile ergänzt.
Seit dem 13. Oktober 2014 ermöglicht ein jquery-Skript, daß ein Untermenü in der Navigation sichtbar bleibt, wenn man es mit der Tab-Taste fokusiert. Es hat folgenden Kode.:
Das Skript gibt dem Link im Hauptteil der Navigation die Klasse .focus, wenn im Untermenü ein dortiger Link den Fokus hat.
Ausgeklappt wird dann per CSS.
Weil Screenreader (Vorlesebrowser) versteckte Inhalte auch nicht mehr vorlesen, wird der folgende Kode nicht mehr verwendet:
Das Verstecken erfolgt jetzt durch folgenden Code:
Die alte Methode war:
RP hat sich dabei von den folgenden Kodes aus einem Blog inspirieren lassen.
Am 16. Oktober 2014 hat RP das eine Bild aus der Kopfzeile durch richtigen formatierten Text ersetzt. Außerdem hat er die Schriftart
"Droid-Sans" für Überschriften eingebunden. Die Schrift unterliegt der Apache Lizenz.
Am 17. Oktober 2014 hat er dieses für den alten Internet Explorer 8 angepaßt und getestet. Außerdem hat er die :focus-Funktionalität
bei Bildern korrigiert.
Am 20. Oktober 2014 hat RP das Jquery-Skript in eine eigene Datei verlagert. Sein Code sieht so aus, wobei es ein bißchen geändert wurde:
Das obige Skript läuft nicht im Internet Explorer 8. Wer hat eine Idee, wie sich das korrigieren läßt?
Am 24. Oktober 2014 hat RP die folgende kleine Änderung des Skriptes getestet. Leider klappt es im IE 8 immer noch nicht.
Seit dem 24. Oktober 2014 wird der aktuelle Menüpunkt per Jquery markiert, weil dies mit CSS nicht möglich ist. Das Skript ist:
Nach erfolgreichem Test, ob die Entlinkung des aktuellen Menüpunktes funktioniert, hat RP die Skriptdatei am 26. Oktober 2014 umbenannt: Skriptoj.js.
Der Kode für die Elementersetzung stammt von der Seite stackoverflow.com
und unterliegt der cc-wiki bzw. cc-by-sa-Lizenz.
Im Original sah er so aus und stammte von tewathia:
Der vorige Kode für die Ersetzung basierte auf dem folgende Kode, hatte aber alle Attribute entfernt. Er stammte von Felix Kling.
Am 27. Oktober 2014 bekamen die Grünen Boten eine Navigation für die einzelnen Ausgaben des Jahres.
Am 29. Oktober 2014 hat RP eine automatische Nummerierung der Überschriften per CSS eingebaut.
November
Am 4. November 2014 hat RP eine Suchseite eingebaut. Die dortigen Suchergebnisse erscheinen aber auf einer externen Seite.
Am 5. November 2014 hat RP die Markierung der Menüpunkte mit Untermenü geändert. Hierbei hat er ein Hintergrundbild eingefügt, welches
sogar im IE 7 funktioniert. Jetzt wird dafür folgendes CSS verwendet:
Den folgenden Kode hat RP aus der CSS-Datei entfernt:
Die alten Formate paßten nicht zu allen Menüpunkten, wobei die Variante für die ganz linken Menüpunkte besonders unschön aussah.
Am 17. November 2014 hat RP den Abschnitt "Vergangenes" auf der Startseite unterteilt und um Verweise auf die entsprechenden Jahre
ergänzt. Vorschläge für den Abschnitt sind willkommen, wenn sie sich leicht umsetzen lassen.
Außerdem hat er einen Fehler im Skript korrigiert. Es sieht jetzt so aus:
Am 19. November 2014 hat RP die automatische Nummerierung auf einigen Seiten teilweise deaktiviert, weil sie dort irritierte.
Sie ist dort auf die Hauptüberschriften der Abschnitte beschränkt. Hierfür wird folgender Kode genutzt.
Am 20. November 2014 hat RP endlich eine Lösung für den alten IE7 gefunden, so daß die Entlinkung wieder funktioniert.
Der Kode dafür ist sehr kurz, denn auf die Übernahme der Attribute wird für solchen alten Browser verzichtet. Die Attribute können im
IE7 sowieso nicht per :after oder :before und content nach CSS2.1 genutzt werden, weil der
Browser das nicht unterstützt.
Seit dem 21. November 2014 sieht der Kode für die Einbindung des Farbverlaufs auf der Startseite anders aus und besteht nur noch aus zwei Teilen:
Der neskr-Teil im <head>-Bereich fiel also ganz weg, während er im <body>-Bereich zu <noscript> wurde.
Das Farbverlaufsskript kann sogar mittem im Text verwendet werden, wie in der Hauptüberschrift auf dieser Seite:
Es ist nur wichtig, daß die <script>- und <noscript>-Teile direkt aufeinander folgen.
Dezember
Am 3. Dezember 2014 hat RP einen Darstellungsfehler in älteren Geckobrowser, wie z.B. K-Meleon 74, bei den Tooltips von Bildergalerien behoben. Die Änderung besteht aus drei Teilen:
wurde durch folgendes ersetzt:
Die zweite Änderung fiel größer aus, indem folgende Codeblöcke zusamengelegt wurden:
zu dem folgenden, allerdings mit einigen Änderungen:
Hierbei mußte auf die animierte Positionsänderung verzichtet werden, weil in Geckobrowsern left (genau wie right, top und bottom) mit dem Wert auto nicht funktioniert.
Aber opacity funktioniert sehr gut, nachdem es auch im folgenden Block ergänzt wurde.
Der letzte Block mußte etwas ergänzt und geändert werden:
und zwar in die beiden folgenden:
Am Abend des 3. Dezember 2014 hat RP die Seite über technische Details aufgeteilt, weil sie sehr groß waren.
Er hat hierbei drei Themen ausgegliedert und zwar nach:
Am 12. und 13. Dezember 2014 hat RP die Kopfzeilen der Grünen Boten etwas umformatiert. Dabei wird jetzt in Browsern, die CSS unterstützen, der Titel
etwas größer und in Großbuchstaben angezeigt. Im Quelltext des Grünen Boten sieht das ungefähr so aus:
Und das zugehörige CSS lautet:
Um eine unschöne Anzeige der Hintergründe und Schatten bei umgebrochenen Links zu vermeiden, nutzen wir seit dem 13. Dezember 2014 folgende Formate:
Das funktioniert sogar schon in den meisten Browsern außer dem Internet-Explorer, älteren Firefox-Versionen (vor 32) und älteren Safaris (vor 6.1), wie man bei caniuse.com nachlesen kann.
Am 15. Dezember 2014 hat RP das class-Attribut bei <pre> überflüssig werden lassen, wenn der Tag
in <figure> steht. Dann können nämlich alle Klassen beim <figure> stehen.
Am 23. Dezember hat RP ein Foto von 1996 gefunden, auf dem er während des Weltkongresses in Prag zu sehen ist.
Außerdem hat er die Listen über Vergangenes auf den Startseiten umgeordnet, so daß jetzt das aktuellste Jahr oben steht.