rakis lab.net

Roger Johansson macht in seinem Blog auf die Extension “X-Ray” aufmerksam.
Sie blendet bei Bedarf die umgebenden HTML-Elemente auf einer Seite ein, wodurch man einen schnellen Überblick auf die Markup-Struktur bekommt. Natürlich bieten auch andere Extensions (z.B. die “Web Developer” Toolbar) sowie Opera eine ähnliche Funktionalität, die jedoch nicht so einfach zu bedienen sind.
X-Ray wird über das Kontext-Menü innerhalb einer dargestellten Webseite an- bzw. abgeschaltet und erhält dabei auch (soweit wie möglich) das vorhandene Layout. Natürlich kann es nur eine zusätzliche Hilfe beim Entwickeln einer Seite sein… aber da macht es doch schon eine gute Figur.

Ich möchte nur auf zwei kleine Sachen hinweisen:

• Eric Meyer erklärt noch einmal ganz genau das “line-height”-Attribut in seinem Artikel “Unitless line-heights“. Obwohl ich doch schon recht lange und ausgiebig mit CSS arbeite, war mir das noch neu. Schon wieder was gelernt. =)
• Über die Firefox-Extension “InspectThis” kann man ganz schnell einzelne Elemente direkt im “DOM Inspector” aufrufen. Voraussetzung dafür ist allerdings, dass man eine Firefox-Version 1.5 (oder besser) mit installierten “Developer Tools” verwendet. Nützlich für JavaScript- und CSS-Debugging.

Wenn man mal schnell einen Satz Fotos ins Internet stellen möchte, sollte man sich das kleine PHP-Skript “Revolver” von tubatomic ansehen. Es ist kostenlos und einfach zu bedienen. Einzige Voraussetzung ist ein FTP-Zugang und die Möglichkeit PHP-Skripte auszuführen (Datenbank ist nicht notwendig). Die Bilder läd man einfach per FTP in ein Verzeichnis hoch und folgt bei der Benennung einem bestimmten Schema. Fertig.
Das Layout kann man noch nach belieben anpassen, wobei die Vorlage wirklich recht… einfach ist. Eine Demo dieses Skripts ist hier zu sehen.

Das einzige, was mir persönlich noch fehlt sind Thumbnails. Aber das ist noch zu verschmerzen, da es für grössere Gallerien auch entsprechende leistungsfähigere Anwendungen gibt. Für einen kleinen Foto-Stream ist das aber genau das Richtige.

Ich hätte nicht erwartet, daß die “layout complete” Version der IE7 Beta schon während der MIX06-Konferenz der Öffentlichkeit zur Verfügung gestellt wird. Aber so kann man sich irren. Und das ist doch mal erfreulich. Hier zeigt sich wohl auch die neue offene Einstellung von Microsoft im Bezug auf die Entwicklung / Verbesserung ihres Browsers. Das sich Microsoft zu der Zusammenarbeit mit WaSP bereit erklärt hat, war ja schon ein Schritt in die richtige Richtung… =)

Aber jetzt mal wieder zum IE7. Der entsprechende Eintrag im IEBlog gibt einige Informationen bzgl. des Builds “5335.5″ und verlinkt auch direkt auf die Microsite zum IE7.

Hätte ich WinXP… dann würd ich das Ding gerne ausprobieren. Vielleicht ist es ja dieses Wochenende soweit… scheitert zur Zeit nur an der Zeit.

Was heisst das? Im Prinzip ist damit wohl die Rendering-Engine des neuen Microsoft-Browsers fertiggestellt. Auf der “MIX” (eine MS-Veranstaltung) wird wohl das neue Release an die Teilnehmer verteilt und laut diesem Transkript zu einem späteren Zeitpunkt auch für andere verfügbar sein. Das interessante an der ganzen Geschichte ist wohl, dass man nun die Möglichkeit bekommt etwaige Darstellungsunterschiede schon vor dem offiziellen Release des IE7 zu sehen und sich dementsprechend darauf vorzubereiten.

Ich bin zumindest gespannt, ob man nun im IE7 auch die netten Hover-Effekte sehen kann. Also nicht nur die Hover-Effekte für Links… nein, nein. Wenn man sich zum Beispiel diese Seite mit dem Firefox oder Safari ansieht und dann mit der Maus über einen Blog-Eintrag fährt. Die Links setzen sich dann farblich vom Rest des Textes ab. Wie ich finde eine auf den ersten Blick nicht so wichtige Funktion, aber auf den zweiten Blick ist es doch sehr angenehm (finde ich).
Leider finde ich in der Beschreibung der erweiterten CSS Kompatibilität des IE7 keinen Hinweis auf die Unterstützung der :hover-Pseudoklasse. Ich hoffe einfach, dass ich es nur übersehen habe ;)