Update: Das datagrid-Element wurde inzwischen aus der HTML5-Spezifikation entfernt.
Laut ihrem Bugtracker scheint das Webkit-Team momentan ein weiteres der geplanten HTML5-Elemente in ihre Engine zu implementieren. Nach den Elementen audio, video und dem Offline-Support hält nun mit datagrid ein ebenfalls spannendes Element aus dem HTML5-Entwurf bereits vor Verabschiedung des Standards Einzug in einen Browser.
Ein kleines Helferlein, das schon seit geraumer Zeit gute Dienste für mich leistet, habe ich mir nun in der aktuellen Version 2.5 zugelegt. Das Mac OS X-Dashboard-Widget «Designers Toolbox» ist immer nur einen Tastendruck von den täglichen Problemchen des Web- oder Printdesigners entfernt: Es berechnet Bildauflösungen, zeigt die gängigen Papierformate an, generiert Blindtexte, konvertiert RGB zu Hex-Werten und vieles mehr. Wer in CSS viel mit relativen Schriftgrössen arbeitet, wird aber vor allem die Umrechnung von px in em zu schätzen wissen.
Die meisten Funktionen stehen dabei schon in der kostenlosen Variante zu Verfügung, mit der auch ich bis anhin gearbeitet habe. Aber bereits ab 3 Euro Entwicklungsbeitrag dieser sogenannten «RedWineWare» (Prost Michael!) darf man von den Vorzügen der Pro-Variante profitieren. Ich selber brauche (noch) keine der Pro-Funktionen, aber ich habe damit bereits soviel Zeit und Nerven gespart, dass ich den Beitrag einfach schuldig wurde 🙂
Möchte man auf einem grösseren CSS-Hintergrundbild einen Link anbringen, z.B. um den Bereich des Logos mit der Homepage zu verlinken, so muss man ein bisschen in die Trickkiste greifen, denn Imagemaps oder dergleichen lassen sich nur auf direkt im HTML platzierte Bilder anwenden.
Zudem scheint es sinnvoll, dass Link und Logotext auch im Quelltext sauber und mit semantischer Bedeutung aufgeführt sind, damit auch Suchmaschinen und Screenreader von dieser Information profitieren können.
Folgendes Bild soll im Kopfbereich einer Website als Hintergrundbild eingefügt werden:
