Aktuelles - actualités

21.01.2012 Winter-Meisterschaft

Entstehungs-Geschichte

Geschichte, Literatur, Bemerkungen.

Kurz-Geschichte

• 19.04.1999 - 30.01.2000 Patrick Wegmann präsentiert die OLG Biel im Internet. Er fand dann keine Zeit mehr dazu und leider auch keinen Nachfolger.
• 25.04.2002 die OLG Biel ist wieder 'online', dank der Arbeit von Röbu Hegi.
• 23.12.2006 - 02.01.2007 hintergründig stark und oberflächlich leicht neu gestaltete Site, nach der Fusion der OLG Seeland mit der OLG Biel.
• 27.12.2007 Umzug vom SOLV-Server zu exigo und ein paar kleinere Anpassungen.
• 07.06.2010 auf HTML5 umgestellt.

Getestet wird diese Site im Hinblick auf die Lesbarkeit und die Darstellung mit den folgenden Werkzeugen und Web-Browsern:

• ein paar Werkzeuge
  • Anleitung für schnelle Web Sites
  • Firebug(Firefox Add-on)
  • YSlow(Firefox Add-on)
  • Web Developer(Firefox Add-on)
  • Live HTTP headers(Firefox Add-on)
  • Anzeigen von HTTP-Headern online
  • Webseiten testen mit der Bibliothek Fighting Layout Bugs
  • Site Management Tools (SoftwareQATest)
• Validatoren
  • W3C Markup Validation Service
  • W3C CSS Validation Service
  • (X)HTML5 Validator
  • HTML / HTML5 / XHTML / WCAG Validator
• OS/2
  • Firefox (2, 3, 4, 6), aktuellere Builds
  • Seamonkey (2), aktuellere Builds
  • Arora schlanker WebKit-Browser (kleine Mac-Kompensation)
• Linux
  • Firefox (6)
• MacOS, OS X
  • ohne [Intel/Power]Mac kein Test - sorry
• Windows
  • Firefox (6)
  • Chrome (13)
  • Opera (11)
  • Safari (5) (kleine Mac-Kompensation)
  • Internet Explorer (6, 7, 8, 9, 10)

Geschichte

07.06.2010: auf HTML5 umgestellt. IE6 lasse ich mal bleiben, siehe dazu auch Browser-Update.org (das dort angebotene Script habe ich am 26.06.2010 integriert). Angesichts der Milliarden von mobilen Geräten mit einem brauchbaren Web-Browser, habe ich eine schlanke Version entwickelt (media="handheld"). Dabei stolpert man gleich über die Tatsache, dass sich die meisten 'kleinen' Web-Browser nicht an den Standard halten. Also versucht der Designer dem mit CSS3 Media Queries beizukommen (siehe auch hier).

27.12.2007: nachdem ich die Site am 16. vom SOLV-Server zu exigo gezügelt hatte, sponn ich noch ein paar Ideen weiter, die zu einer paar Anpassungen führten. Das Ganze funktioniert mit modernen Browsern wie Firefox 2, Opera 9 oder sogar IE7 – alte Browser wie der IE6 haben damit Probleme und werden speziell behandelt.
Die Statistik zeigt, dass ich mich auf Tests mit Firefox ≥ 2 und IE ≥ 6 beschränken könnte. Ich bevorzuge natürlich die OS/2-Produkte von mozilla.org, aber auch mit Opera ≥ 9 und Safari ≥ 3 teste ich die Benutzbakeit der Site – ich will ja niemandem den Genuss meiner Arbeit vorenthalten ;-)

23.12.2006 - 02.01.2007: Die hintergründig stark und oberflächlich leicht neu gestaltete Site kann leider nicht mehr mit allen (und alten) Browsern der Welt in vollen Zügen genossen werden. Vielmehr setzen wir hier mit XHTML 1.1 und CSS 2.1 auf zwar schon in die Jahre gekommene Standards, die allerdings in den Browsern immer noch der Umsetzung harren (Ausnahmen bestätigen die Regel). Wenn wir schon bei den Browsern sind - die Statistik hat gezeigt, dass Zugriffe mit folgenden Produkten erfolgen: Firefox 1.5 und 2.0, Mozilla 5.0, Netscape 7.1, Safari 1.2, MSIE 6 und 7.

25.04.2002: es ist so weit und die OLG Biel ist wieder 'online'. Der Grundsatz für das Design und die Implementierung dieser Seiten war, dass sie mit möglichst allen Browsern lesbar sein sollen (siehe dazu http://www.anybrowser.org/campaign/). Wie das Bild unten links auf jeder Seite zeigt, bestanden meine Seiten den harten Test auf HTML-Konformität, den ihr gerne auf http://validator.w3.org/ nachvollziehen könnt. Ach ja: Frames sind für mich tabu, da darauf keine vernünftigen Bookmarks gesetzt werden können.

19.04.1999 - 30.01.2000: diese Internet-Präsenz der OLG Biel, wurde von Patrick Wegmann ins Leben gerufen und auch gepflegt. Er fand dann keine Zeit mehr dazu und leider auch keinen Nachfolger.

Literatur

• Molly E. Holzschlag, Color for Websites
• Farb-Tabellen von VisiBone
• diverse, The Zen of CSS Design
• Eric Meyer, Eric Meyer on CSS
• Eric Meyer, More Eric Meyer on CSS
• Eric Meyer, Cascading Style Sheets: The Definitive Guide und alle weiteren Informationen auf dieser Site
• Clarke, Holzschlag, A List Apart
• The Styleworks
• Web Standards Group
• Artikel von Mark Boulton (CSS print u.a.)
• HTML5 differences from HTML4
• Dive into HTML 5
• HTML 5 Demos and Examples
• HTML5 und CSS3: was kann dein Browser ?
• Was versteht dein Web-Browser von HTML5 ?
• Multimedia mit HTML5 und CSS3

In der folgenden Liste habe ich weitere Literatur zum Thema aufgeführt und natürlich ist auch das Internet voll von Informationen dazu.

• Top 10 Things NOT to do on a Web Page
• "Top Ten Mistakes" Revisited Three Years Later
• useit.com: Jakob Nielsen's Website
• "Überlegungen zur Gestaltung von Web-Dokumenten"; iX 11/1996, Seite 156
• "Grafiken fürs Web optimieren"; Internet Professionell, März 2000, Seite 94
• "Hierarchie auf der Web-Site"; Internet Professionell, Juni 2000, Seite 94
• "Was Webmaster richtig falsch machen können"; iX 8/2000, Seite 54
• "Tolles Web-Design ohne Effekt-Hascherei"; Internet Professionell, September 2000, Seite 86
• "Vergleich: Benutzbarkeit von Web-Sites"; iX 12/2000, Seite 98
• "Von Null auf Homepage"; c't 3/2001, Seite 126
• "Grundlagen zum Web-Building"; c't 3/2001, Seite 130
• "Server Side Includes richtig einsetzen"; c't 20/2001, Seite 224
• "Der Code muss stimmen"; c't 22/2001, Seite 192
• "Merhsprachige Web-Seiten mit Content Negotiation"; c't 24/2001, Seite 258
• "Web-Standards: fünf Browser auf drei Betriebs-Systemen"; iX 12/2001, Seite 58
• "Homepage und Urheber-Recht"; c't 25/2001, Seite 236
• "Techniken für dynamische und animierte Netzseiten"; c't 2/2002, Seite 90
• "Animations-Techniken für das Web"; c't 2/2002, Seite 94
• "Websites durch Flash-Animationen aufwerten"; c't 2/2002, Seite 100 (aufwerten ?!?)
• "Mit PHP Datenbank-gestützte Webseiten programmieren"; c't 2/2002, Seite 106
• "Barrirefreies Web: die 14 Gebote"; iX 7/2003, Seite 98
• "mehr Freude am Klicken durch bessere Texte"; iX 1/2006, Seite 120
• "Tipps und Tricks mit Web-Grafiken"; c't 22/2007, Seite 208
• "Browser auf dem Prüfstand"; c't 9/2008, Seite 145
• "Was HTML 5 Webentwicklern Neues bringt"; c't 25/2009, Seite 192
• last but not least SELFHTML

Bemerkungen

04.05.2007: Microsoft macht heute eine sinnvolle Versprechung, um dann Tags darauf alles wieder zu relativieren. So auch die einstige Ankündigung, jedes Jahr eine neue Version vom Internet Explorer zu bringen, die die aktuellen (na ja, alten) Standards endlich unterstützt. Und jetzt sollen eben diese Standards – erfolgreich umgesetzt in Opera, der Mozilla-Familie, Safari und einigen anderen gelungenen Programmen – plötzlich Schuld daran sein, dass viele Web-Designer keine Ahnung von Standars haben ?!? Können wir glauben, dass einer der grössten Software-Hersteller nicht fähig ist ein paar Spezifikationen in ein sinnvolles Produkt umzusetzen ?

29.04.2007: Nachdem es zwischen der WHATWG und dem W3C gelinde gesagt zu Meinungs-Differenzen gekommen war (siehe u.a. WHATWG FAQ), hat sich die Situation wieder ein wenig beruhigt.
Die Web-Designer stehen allerdings noch genau so im Regen wie seit 2004 und eine baldige Abhilfe in Form eines brauchbaren XHTML 2 oder [X]HTML 5 oder wie das Teil dann auch immer heissen möge, ist nicht in Sicht.
Also bleibt mir nicht viel übrig, als einen halben Schritt zurück zu machen und XHTML 1.0 Transitional zu verwenden.
Übrigens muss ich hier klar stellen, dass es dies mal nicht an den Browsern gescheitert ist (vom IE mal abgesehen) – der Standard XHTML 1.1 ist einfach nicht praktikabel um nicht zu sagen unbrauchbar.