Wer die eigene oder eine andere Homepage in verschiedenen Browsern betrachten möchte, muss nicht unbedingt alle möglichen Betriebssysteme und Browser installieren. Mit einem Online-Dienst von Johann C. Rocholl ist es nun leicht und kostenfrei möglich, die Ansicht einer Seite in fast allen verfügbaren Browsern und Betriebssystemen als Abbild (Screenshot) zu bekommen.

Browsershots macht Screenshots von deinem Webdesign in verschiedenen Browsern. Es ist ein freier Open-Source Online-Service von Johann C. Rocholl. Wenn du deine Webadresse einträgst, kommt sie in die Warteschlange. Einige verteilte Computer werden deine Webseite in ihrem Browser öffnen. Dann machen sie Screenshots und laden sie hier zum zentralen Server hoch.

Früher sind mir solche Dienste über den Weg gelaufen, die allerdings meistens kostenpflichtig waren. Der Dienst von Johann ist dagegen kostenlos; man kann sogar ohne Anmeldung den Dienst mit Einschränkung von 80 Bilder pro Tag ausprobieren. Nach einer einfachen Anmeldung fällt diese Einschränkung weg. Die Geschwindigkeit des Online-Services ist nicht berauschend, was angesichts der Generierung vieler Bilder nicht verwunderlich ist. Zudem wird man in eine Warteschlange gestellt. Gegen Bezahlung ist eine höhere Priorität möglich.

Wer bei der Erstellung von Screenshots mitmachen möchte, kann nach der Anmeldung eine Screenshot-Fabrik registrieren lassen.

Sehr gut Johann

Übrigens greift Dirk die Diskussion zum Thema HTML/CSS-Frameworks in seinem Blog-Beitrag auf und äußert eigene Gedanken zum Thema, wo er auch u. a. den “must read” Artikel von Smashing Magazine erwähnt. Sehr lesenswert, wenn man einen Umstieg auf ein Framework in Erwägung zieht.

{via Dr. Web Weblog}

• CSS MENU MAKER – z.Z. 13 vertikale und 6 horizontale Menüs
• 13 STYLES css menu designs – z.Z. 9 horizontale kostenlose Menüs
• Dynamic Drive CSS Library – Vorlagen von Dynamic Drive
• List-u-Like CSS Generator – Formular zum Generieren eines Menüs
• Menu Builder beta v1.3 – auch Formulare zum Konfigurieren eines Menüs

{via superdeluxe weblog}

Nachtrag vom 12.09.2007:
YAML wird immer bekannter, hat aber auch harte Konkurenz wie YUI mit seinem CSS Grid Builder. Nun hat er als Hilfswerkzeug den YAML Builder zur Verfügung gestellt {via EinfachfürAlle}. Das Tool in Form einer Toolbox schwebt über dem ausgewählten Layout. Lobenswert ist die Tatsache, dass YAML als Ausgabe das Format XHTML 1.0 Strict unterstützt.

Konditionale Kommentare für Internet Explorer:

If-Block wird nur für IE ausgeführt:

<!--[if IE]>
...
<![endif]-->

If-Block für eine bestimmte Version des IE (z.B. 6 oder 7):

<!--[if IE 6]>
...
<![endif]-->

CSS-Anweisungen nur für IE (* html-Selektor):

* html .list ul { height: 0px; }
  html > body .list ul { overflow: auto; }

Darstellungsmodi im IE: Quirks & Standard:
Bei fehlender oder unvollständiger Dokumenttyp-Deklaration wechselt der Internet Explorer 6 und 7 in den Quirksmodus – Webseitendarstellung wie bei Internet Explorer der 5.x Generation.

Eine Abfrage des Modus ist mit JavaScript möglich:

<script type="text/javascript">
alert(document.compatMode);
</script>

Im Standardmodus wird “CSS1compat” ausgegeben, im Quirksmodus “BackCompat“.

Bei Problemen mit IE könnte die Internet Explorer Developer Toolbar hilfreich sein. Für die Arbeit mit CSS ist der Dominspector besonderes praktisch, Sie blenden ihn über ViewDom ein. So lässt sich auch feststellen, ob ein Element Layout hat oder nicht. Hat es Layout, so erscheint hier hasLayout: -1. Bei einem Element ohne Layout steht hingegen hasLayout: 0. Zum Thema hasLayout sehen Sie den Artikel Über hasLayout.

Links zu weiterführenden Informationen:
Explorer Exposed! – Demos einiger IE-Bugs
CSS tests and experiments by Bruno Fassino

Quelle: Auszüge aus dem Artikel “CSS-Problemkind” in Internet Professionell, Juni-Ausgabe S. 46 ff.