Apple hat einen HTML5-Showcase veröffentlicht, mit perfekt umgesetzten Beispielen zur Präsentation von Videos mit dem <video>-Tag, typografischer Gestaltung mit @font-face, Bildergalerien mit animierten Übergängen und weiteren gängigen Multimedia-Anwendungsfällen, die zur Zeit meist (noch) mit Flash umgesetzt werden. Sehr angenehm im Gegensatz zu vielen Flash-Anwendungen ist, wie schnell die Beispiele im Showcase geladen und wie flüssig sie „abgespielt“ werden. Einziger Wermutstropfen: Die Beispiele funktionieren nur mit Safari, denn es wird einiges an webkitspezifischem CSS verwendet. Da muss an den Standards noch gearbeitet werden …

Der MPlayer spielt auf dem Mac keine große Rolle, da die Mac-Version irgendwann nicht mehr weiterentwickelt wurde. Das Nachfolgeprojekt heißt MPlayer OSX Extended und hat jetzt mit Revision 13 ein richtig hübsches Gesellenstück abgeliefert. Ich weiß nicht, ob der MPlayer den bisher bei exotischeren Formaten unvermeidlichen VLC ersetzen kann oder will, aber was die Gestaltung angeht, ist er ihm weit voraus – der Single-Windows-Mode ist einfach ergonomischer. Die Wartezeit bis zum Erscheinen des neuen VLC-UI namens Lunettes wird bei mir jedenfalls das weitaus hübschere MPlayer-Icon im Dock verbringen dürfen.

Innovativ gelöst ist übrigens die „Installation“ des Programms. Startet man es nach dem Entpacken, hilft es einem von sich aus, den Schreibtisch sauber zu halten. So sieht die ideale „Installationsroutine“ aus! Gepflegt und aufgeräumt präsentiert sich übrigens auch der Rest des Programms, zum Beispiel die bei Free- und Shareware oft so vernachlässigten „Einstellungen“.

Eigentlich wäre das eine gute Gelegenheit, den alten unsicheren Krempel aus der Infrastruktur zu verbannen. Auch wenn das meist nicht von heute auf morgen zu bewerkstelligen ist, können Sie dennoch auf Ihre Windows-2000-Freigabe zugreifen, indem Sie ein wenig auf die neue Sicherheit verzichten und den LM-Kompatibilätsmodus von Windows 7 so einstellen, dass die Verständigung mit einem alten Windows-2000-Server wieder klappt.

Dazu erzeugen Sie in der Registry des Windows-7-Rechners unter HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Lsa einen DWORD-Eintrag LmCompatibilityLevel mit dem Wert 2. Wenn Sie diese .reg-Datei herunterladen und sie per Doppelklick öffnen, wird der Wert der automatisch der Windows-Registry hinzugefügt.

Für die Richtigkeit der enthaltenen Informationen und Funktionen übernehme ich keine Haftung, das Herunterladen und die Verwendung erfolgt auf eigene Gefahr. Ich empfehle eine Lektüre der von Microsoft bereitgestellten Dokumentation der verschiedenen LM-Kompatibilitätsmodi.

Numbers-Tabelle für Aufwandsschätzung (Dreipunktschätzung kombiniert mit Gesetz der großen Zahlen)

Ich stelle die Tabelle hiermit unter CC-Lizenz by-sa/3.0/de zur Verfügung. Für die Richtigkeit der enthaltenen Informationen und Funktionen wird keine Haftung übernommen, das Herunterladen und die Verwendung erfolgt auf eigene Gefahr.

Update (17. Dez. 2009):

Auf vielfachen Wunsch ist die Tabelle jetzt auch zusätzlich im Excel-Format im Download enthalten.

Download: Aufwandsschätzung.zip

Sobald man jedoch Bilder in den Fließtext einfügt, macht man sich dadurch mit hoher Wahrscheinlichkeit einen Strich durch die Rechnung. Im Normalfall passt man ein Bild durch proportionales Skalieren an die vom Layout vorgegebene Breite an. Die Höhe des Bildes resultiert aus den ursprünglichen Proportionen des Bildes und kann daher ganz unterschiedliche Werte annehmen.

Angenommen, das Grundlinienraster beträgt 20 Pixel, dann müsste jedes Bild als Höhe ein Vielfaches von 20 haben. Da jedoch beim Skalieren die Anpassung an eine bestimmte Breite erfolgt, ist es gut möglich, dass sich eine Höhe von z.B. 256 Pixeln ergibt. Damit die dem Bild nachfolgenden Elemente auch mit dem Grundlinienraster übereinstimmen, müsste das Bild aber stattdessen 240 oder 260 Pixel hoch sein.

Da es jedoch zusätzliche Arbeit machen würde, jedes Bild nach dem Skalieren auch noch auf ein Vielfaches von 20 zu beschneiden, ist es sinnvoll, „unpassende“ Bildhöhen einfach durch Hinzufügen eines unteren vertikalen Abstands auf den nächsthöheren durch 20 teilbaren Wert zu erhöhen und damit die Differenz zum Grundlinienraster auszugleichen.

Links: Ohne Bildhöhenausgleich; rechts: mit Bildhöhenausgleich

Damit dies aber auch wirklich keine zusätzliche Arbeit macht und man den erforderlichen Abstand nicht bei jedem Bild selbst ausrechnen und per CSS zuweisen muss, ist es sinnvoll, diese Ausgabe von einem Script erledigen zu lassen. Da ich kein Programmierer bin, greife ich auf die JavaScript-Library jQuery zurück. Da jQuery auf dieser Seite sowieso schon im Einsatz ist, erzeuge ich also keinen zusätzlichen Datentransfer, wenn ich es auch für den Bildhöhenausgleich einsetze (außer den wenigen Zeilen Script für den Höhenausgleich selbst).

Das folgende Script wendet den Grundlinienausgleich auf alle Bilder und object-Elemente innerhalb aller Artikel an (Zeile 6).

Dazu wird die Bildhöhe ermittelt, durch den vorher festgelegten Wert für die Zeilenhöhe des Grundlinienrasters (Zeile 3) geteilt, das Ergebnis wird auf die nächsthöhere ganze Zahl gerundet und das gerundete Ergebnis wieder mit der Zeilenhöhe multipliziert. Nun hat man die erforderliche Höhe, um das Grunlinienraster einzuhalten. Davon wird die tatsächliche Bildhöhe wieder subtrahiert und übrig bleibt der dem Bild zuzuweisende untere Abstand (alles in Zeile 9).

In Zeile 10 wird abgeglichen, ob der berechnete Abstand nicht den festgelegten minimalen unteren Bildabstand (Zeile 4) unterschreitet und falls ja, werden einfach weitere 20 Pixel addiert, um die nachfolgenden Elemente eine weitere Zeile im Grundlinienraster nach unten zu verschieben.

Die if-Schleife von Zeile 11 bis 15 ist dafür verantwortlich, dem Elter-Element des Bildes den Abstand zuzuweisen – denn hier ist jedes Bild von einem p-Element umschlossen – beziehungsweise dem Elter-Elter-Element den Abstand zuzuweisen, sofern das Bild von einem a-Element umschlossen ist.

$(document).ready(function(){
   
  var line_height = 20;       // line-height of the vertical grid
  var min_margin = 5;         // smallest acceptable margin-bottom of an image
   
  $('div.article img, div.article object').each(function() {
    var $this = $(this);    // prefixed variable name with $ to remind it's a jQuery object
    var img_height = $this.height();
    var img_margin = ((Math.ceil(img_height / line_height)) * line_height) - img_height;
    img_margin = (img_margin < min_margin)? img_margin + line_height : img_margin;
    if ($this.parent('a').length) {
      $this.parent().parent().css({'margin-bottom' : img_margin + 'px'});
    } else {
      $this.parent().css({'margin-bottom' : img_margin + 'px'});
    }
  });
   
});

Das Skript lässt sich durch Anpassen der Werte line_height und min_margin sowie des Selektors div.article img, div.article object und der if-Schleife an die Gegebenheiten anderer Websites anpassen.