CSS einfach erklärt

Adobe hat ein kostenloses Werkzeug zur Simulation verschiedener Browser namens BrowserLab veröffentlicht. Nutzbar ist BrowserLab in zwei Varianten: Einerseits als Onlineservice, anderseits als Erweiterung für Besitzer der Software Dreamweaver CS4. Bei CS5 ist es grundsätzlich integriert. Interaktive Funktionalitäten bietet leider nur die in Dreamweaver integrierte Variante, Nutzer des Onlineservices müssen sich hingegen mit originären Screenshots zufrieden geben.

Aktuell werden folgende Browser unterstützt:

• Firefox 2.0, 3.0 und 3.5 (Windows XP und Mac OS X)
• Internet Explorer 6.x, 7.x und 8.x (Windows XP)
• Safari 3.x und 4.x (Mac OS X)
• Chrome 3.0 (Windows XP)

Die Online-Variante

Voraussetzung für die Nutzung der Onlinevariante ist lediglich Flash 10 sowie ein Benutzerkonto bei Adobe.

Der BrowserLab Onlineservice ist kein Livetest, sondern zeigt lediglich auf Adobe-Servern erzeugte Screenshots an. Diese kann man dann nebeneinander (2-up View) oder übereinander (Onion Skin View) anzeigen lassen, wodurch eine pixelgenaue Analyse möglich wird.

Mehr lesen … »

Bereits vor einiger Zeit hatte ich den IETester vorgestellt, mit deren Hilfe sich die Darstellung einer Website in den gängigsten Internet Explorer Versionen emulieren lässt. Ein ähnliches Tool gibt es nun von Microsoft mit dem Namen Expression Web Super Preview. Mit der aktuell vorgelegten Betaversion stehen von Hause aus die Rendering Engines für den IE6, IE7 und IE8 zur Verfügung, sowie alle Browser die man Lokal installiert hat. In einer späteren Version sollen andere Engines wohl direkt implementiert werden.

Die Möglichkeiten, die das Programm bietet, sind etwas umfangreicher als beim IETester. Als Highlight kann man eine Website in zwei Varianten überlagert darstellen lassen (z. B. IE6 und IE8), wodurch eine pixelgenaue Analyse möglich wird.

Mehr lesen … »

Ziel eines Webdesigners sollte es sein, dass die von ihm erstellten Seiten immer korrekt dargestellt werden, unabhängig davon, welcher Browser und welches Betriebssystem vom Betrachter verwendet werden. Die einzige Möglichkeit, diesen Anspruch umzusetzen, bedeutet: testen, testen und noch mal testen. Im Buch hatte ich erläutert, welche Testumgebungen sinnvollerweise verwendet werden sollten. Bei kommerziellen Webprojekten ist es durchaus üblich, dass bis zu einem Drittel der veranschlagten Gesamtzeit auf das Testen entfällt.

Welche Browser und Betriebssysteme sollte ich überhaupt testen?

Zur Beantwortung dieser Frage sollten wir darüber nachdenken, mit welchem Browser/Browserversion und Betriebssystem voraussichtlich auf eine Website zugegriffen wird. Generelle Anhaltspunkte hierfür bieten Statistikdienste und Marktforscher, die ihre Ergebnisse im Web veröffentlichen. Hier eine Übersicht der meiner Meinung nach wichtigsten Dienste, die natürlich keinen Anspruch auf Vollständigkeit erhebt:

Mehr lesen … »

Die Grammatik für HTML und CSS wird vom W3C verbindlich vorgegeben. Für Webdesigner gibt es Validatoren, mit deren Hilfe man überprüfen kann, ob der geschriebene Seitenquellcode der W3C-Standardkonformität entspricht (siehe im Buch Seite 31 und 124). Das ist die erste Voraussetzung, damit der abrufende Quelltext von allen Browsern richtig verstanden und dargestellt werden kann. Hierauf hat man als Webdesigner direkten Einfluss.

Mehr lesen … »

Zum Testen, ob der Seitenquellcode der W3C-Standardkonformität entspricht, bieten sich prinzipiell drei Möglichkeiten an:

1. Auf dem eigenen Rechner diverse Betriebssysteme und Browserversionen installieren
2. Entsprechende Webdienste nutzen
3. Betriebssysteme über virtuelle Maschinen emulieren und dort die entsprechenden Browser installieren

Im Buch hatte ich ja Vor- und Nachteile der einzelnen Methoden erläutert. Wer hingegen vor allem verschiedene Versionen des Internet Explorers austesten möchte, sollte sich mal die Software IETester anschauen. Mit ihr lässt sich unkompliziert die Rendering Engine der Versionen IE8, IE7, IE 6 and IE5.5 emulieren. Die Software funktioniert unter Windows XP und Vista (unter Windows XP muss laut Autor der Internet Explorer 7 installiert sein). Zwar lassen sich mit dem IETester nicht alle Versionsprobleme emulieren, für den semiprofessionellen Einsatz ist die Software jedoch eine gute Möglichkeit um grundsätzliche Schwächen im CSS und HTML-Quelltext in Verbindung mit dem Internet Explorer aufzudecken

Mehr lesen … »