webmatze.de und IE7

Kann mir nicht mal jemand Bescheid geben? Ich habe mir gerade webmatze.de mit dem IE NetRenderer im IE7 angesehen und mußte mit Schrecken erkennen, dass die Seite überhaupt nicht mehr lesbar ist!
Na fein, dann muss ich mir jetzt wohl überlegen, wie ich das mittels eines schönen CSS Hacks auch für den IE7 hinbekomme.

Leider kann ich das bei mir nicht im IE7 testen, da ich zu Hause ein MacBook verwende. Muss ich mir den IE7 wohl schnell mal in Windows unter Parallels installieren...

Der Fuchs im Feld

Wenn plötzlich komische Kornkreise in sonst unbescholtenen Feldern erscheinen, dann schreibt man dies häufig außerirdischen Spaßvögeln zu. Aber wenn diese Kreise die Form des Firefox Logos haben und dann noch auf einem Feld in Oregon erscheinen, dann kann man mit ziemlicher Wahrscheinlichkeit davon ausgehen, dass dies von ein paar Studenten der Oregon State University ausgeführt worden sein muß.

Wer jetzt wissen möchte, wie man darauf kommt und vor allem, wie man so etwas durchführt, der sollte sich die Entstehungsgeschichte dieses Kornkreises durchlesen.
Und um das alles noch auf die Spitze zu treiben, kann man diesen Kornkreis sogar auf Google Maps finden.
Da scheinen ein paar wirklich große Firefox Fans am Werk gewesen zu sein.

Der neue Firefox 2.0 ist draußen

Jetzt ist es endlich offiziell. Der neue Firefox Browser ist in der Version 2.0 zum Download freigegeben worden. Nachdem er bereits gestern vorzeitig auf einigen Seiten zum Download angeboten wurde, ist es zu Protesten von Mozilla Entwicklern gekommen war, darf der Firefox 2.0 nun endlich ausprobiert werden.
Die neuen Features sind sicherlich schon zur Genüge vorgestellt worden. Seien dies nun die Sitzungswiederherstellung, die integrierte Rechtschreibprüfung oder Live-Titel. Einfach mal den Browser installieren und ausprobieren.
Gleichzeitig zum Release des Browsers hat Mozilla ein neues Design bekommen. Wie ich finde, sogar ein sehr ansprechendes.
Und wie jeder wissen sollte, lässt sich der Firefox 2.0 Browser durch verschiedenste Erweiterungen an die eigenen Bedürfnisse anpassen. Diese werden nun ebenfalls auf einer neuen Seite vorgestellt und zum Download angeboten.

Firefox 2.0 RC 3

Heute Nacht hat Mozilla den Firefox 2.0 Release Candidate 3 zum Download freigegeben. Wer auch schon die letzten beiden Release Kandidaten mal heruntergeladen hat, wird nicht viele Änderungen bemerken. Der Grund ist, dass die Entwickler ihr Hauptaugenmerk auf die Behebung von Fehlern und auf Geschwindigkeitsverbesserungen gelegt haben.
Welche neuen Features im endgültigen Firefox enthalten sein werden, kann auch den Release Notes entnommen werden. Hervor stechen hier vor allem die integrierte Phishing Protection, die neue Rechtschreibprüfung in fast allen Eingabefeldern oder auch für Entwickler interessant die Unterstützung von JavaScript 1.7. Um nur einige von den vielen Neuerungen zu nennen.
Was mir aber aufgefallen ist, und Einigen vielleicht als nicht erwähnenswert erscheinen wird, ist die Möglichkeit die letzte Browser Session speichern zu können. Sei es nun, dass der Browser durch einen Crash abgestürzt ist, oder weil man ihn einfach geschlossen hat - die Browsersession wird beim nächsten Neustart wieder hergestellt. Und dabei werden nicht nur die Tabs, welche vorher geöffnet waren, wieder neu geöffnet und auch nicht nur die URLs neu aufgerufen. Was sehr erfreulich ist, dass auch eingegebener Text aus Textfeldern wieder hergestellt werden. Wie oft ist es mir schon passiert, dass ich einen langen Text eingegeben habe und beim Senden streikte der Browser. Dies sollte nun der Vergangenheit angehören.
Und ein weiteres sehr nützliches Feature des neuen Browser Session Handlings ist auch nicht zu verachten. Nehmen wir an ich habe einen langen interessanten Artikel gefunden, aber keine Zeit mehr ihn zu Ende zu lesen. Zum Beispiel weil Feierabend ist. Wenn ich nun den Browser an dieser Stelle schließe und am nächsten Tag wieder öffne wird nicht nur die Seite wieder aufgerufen, sondern der Firefox 2.0 scrollt automatisch an die Stelle, wo ich am Tag zuvor aufgehört habe zu lesen. Das ist vielleicht eine Kleinigkeit im Vergleich zu anderen Neuerungen, aber eine wirklich praktische Kleinigkeit, wie ich finde.

Text in Spalten darstellen mit „CSS3 Columns“

Um beliebigen Text in Browsern mit HTML darzustellen, braucht es nicht vieler Kenntnisse. Am einfachsten ist es den gewünschten Text zwischen zwei <p> Tags zu packen und schon wird er als Paragraph auf der Seite dargestellt. Doch wie schafft man es Text wie in einer Zeitung über mehrere Spalten hinweg darzustellen? Also so, dass der Text unten in der ersten Spalte endet und oben in der zweiten Spalte fortgeführt wird! Das ist mit HTML nicht möglich? Falsch! Mit dem neuen CSS3 Modul: Multi-column layout soll dies nun doch möglich werden. Und wer schon den neuen Browser Firefox 1.5 besitzt, kann dies gleich hier an dieser Stelle testen!

Anzahl der Spalten festlegen

Um festzulegen, mit wievielen Spalten ein Text dargestellt werden soll, braucht man nur folgende CSS Eigenschaft anzugeben: -moz-column-count. Wobei das Prefix -moz- speziell für den Firefox definiert wurde, da es sich hierbei noch nicht um einen endgültig anerkannten Standard handelt. Sollte sich dieser Standard durchsetzen, würde man das Prefix weglassen und nur noch column-count verwenden. Als Wert gibt man nun die Anzahl der Spalten an:

Weiterlesen →

FireBug 0.4 – Der ultimative Web Debugger

Webseiten von heute bestehen meistens nicht nur aus HTML und CSS, sondern häufig auch viel JavaScript. Es sind häufig gar keine Webseiten mehr, sondern schon richtige Webanwendungen. Und wir alle wissen, dass Anwendungen häufig auch Fehler enthalten können. Auch Webanwendungen sind davon nicht ausgeschlossen.
Bisher war es meistens schwierig solche Fehler im JavaScript Code oder im HTML zu finden. Es fehlen die richtigen Tools, wie man sie z.B. bei der Programmierung mit Java ode C++ gewohnt ist, um diese Fehler aufzuspüren und zu beheben. Da HTML, CSS und JavaScript im Browser ausgeführt und angezeigt werden, braucht man auch Tools, um sie genau da - während sie ausgeführt werden - zu debuggen. Der Browser Firefox bietet hierfür einige gute Tools an. Ein guter Debugger ist z.B. Venkman. Und mit dem DOM Inspector kann man sich bequem den DOM Tree der Seiten anschauen.
Doch in Zeiten von web 2.0 und Ajax braucht man noch bessere und spezialisiertere Tools. Und eins dieser "Übertools" ist FireBug, welches jetzt in der Version 0.4 erschienen ist.

Hier ein kurzer Überblick über die neuenFeatures:

JavaScript Debugger

FireBug ermöglicht es, Breakpoints im JavaScript Code zu setzen, Schritt für Schritt durch die Codezeilen zu springen und lokale Variablen sowie den Stack zu betrachten.

Stack Traces bei JavaScript Fehlern

Jeder JavaScript Fehler wird mit einem Stack Trace angezeigt. So kann man genau sehen, an welcher Stelle im Code und durch welchen Aufruf ein Fehler genau aufgetreten ist.

JavaScript Fehler debuggen

Wenn ein Fehler auftritt, reicht es meistens nicht, nur den Stack Trace zu sehen. Meistens möchte man auch sehen, welche Werte bestimmte Variablen gerade hatten, als der Fehler auftrat. Mit FireBug kann man durch die Einstellung "Break On Error" den Debugger automatisch anhalten lassen, wenn ein Fehler auftritt. Man wird dann sofort zur richtigen Stelle im Code gebracht.

Logging Funktionalitäten

Über das console Objekt kann man verschiedene Nachrichten auf der Konsole ausgeben lassen, während der JavaScript Code ausgeführt wird. Dabei kann man verschiedene Stufen wählen, wie z.B. console.debug(), console.info(), console.warn() oder console.error(). Diese Meldungen werden dann auch noch in unterschiedlicher Farbdarstellung in der Konsole kenntlich gemacht.

Außerdem besitzt FireBug noch viele weitere wichtige und nützliche Funktionen. So kann man sich detailiert den Request anschauen, der bei Ajax gesendet wird. FireBug liefert auch eine sinnvolle JavaScript command line, um schnell kleine JavaScript Schnipsel ausführen zu können. Und über die verschiedensten Inspektoren können alle möglichen Aspekte von HTML, DOM, CSS und JavaScript genau betrachtet werden.

Ich finde das FireBug ein "Must Have" Tool für Webentwickler ist. Es läßt sich leicht als Erweiterung in den aktuellen Firefox 1.5 Browser integrieren.