SlickMap CSS – einfaches Erstellen von Sitemaps

SlickMap CSS ist ein einfaches »Framework« zum Erstellen von Sitemaps, direkt als HTML. Dazu wird eine ungeordnete Liste genutzt die beliebig verschachtelt (bis zu drei Level) werden kann, woraus dann die Sitemap entsteht.

YAML Debug – Hilfreiches Analyse-Tool

Für das CSS-Framework YAML gibt es jetzt ein sehr hilfreiches Debugging-Tool. Mit diesem lässt sich sehr schnell die semantische Struktur einer Webseite sichtbar machen und die Qualität des Codes überprüfen. Auch bestimmte Aspekte der Barrierearmut lassen sich abtesten und so u.a. Bilder mit fehlenden oder leeren Alt-Attributen hervorheben. Und obwohl YAML im Namen enthalten ist, ist das Bookmarklet nicht nur auf den Einsatz bei YAML-Websites beschränkt. YAML Debug stellt eine wunderbare Ergänzung zu Firebug da und kann unter Firefox (ab Version 3), Opera (ab Version 9) und allen Webkit-Browsern genutzt werden.

CSS Kompatibilität im IE 5.0 bis 8.0

CSS Compatibility and Internet Explorer: In der sehr umfangreichen Übersicht zeigt Microsoft, welches CSS-Feature in den einzelnen Versionen des Internet Explorer unterstützt werden. Verglichen werden der IE5.0, 5.5, 6.0, 7.0, 8b1 und 8.0. Unterschieden wird zusätzlich zwischen CSS2.1 und CSS3. Bei Letzterem steht leider noch all zu oft NO anstatt YES.

Haufenweise CSS-Links

CSS Development Collection Projekt sammelt Links zum Thema CSS. Die Liste ist schon jetzt unglaublich lang und sehr vielfältig.

Geht es jetzt im Web wieder vorwärts?

Betrachtet mann die Meldungen der vergangenen Tage und Wochen, kann bei einem der Eindruck entstehen, dass die Entwicklung des Webs jetzt wieder schneller voranschreitet. Seit ein paar Jahren war ja doch eine ziemliche Flaute, was die Weiterentwicklung eines speziellen Browsers betrifft. Nachdem aber Microsoft eine erfreuliche Nachricht nach der Nächsten über den zukünftigen Internet Explorer 8 verbreitet hat, scheint es eine Art Wettkampf- und Aufbruchstimmung unter den Browserherstellern zu geben. Ok, der IE8 soll zum ersten Mal CSS 2.1 vollständig umsetzen und den Acid2-Test bestehen. Von einer umfangreichen Unterstützung vom neuen CSS3 ist da erst einmal noch nicht die Rede. Aber dabei muss ja auch bedacht werden, dass sich Microsoft jahrelang ausgeruht hat und jetzt erst einmal die verschlafenen Jahre wieder aufholen muss, während andere Hersteller schon zur Kür übergehen können.

Den ganzen Beitrag lesen »

Schöner HTML-Code

Schöner HTML-Code: Auf CSS-Tricks bietet Chris Coyier in seinem Artikel »What Beautiful HTML Code Looks Like« eine Übersicht zum Download an. Diese zeigt, auf welche Dinge beim Schreiben von HTML-Code geachtet werden sollte.

Wie zukunftssicher ist modernes Webdesign wirklich?

Unter den Webworkern ist modernes und standardkonformes Webdesign noch immer ein heißdiskutiertes Thema. Ganz oben steht in dieser Diskussion immer die Trennung von Inhalt und Design. Schließlich ist modernes Webdesign unter Einhaltung der Webstandards zukunftssicher, oder etwa doch nicht?

Unter zukunftssicherem Webdesign stelle ich mir eine Website vor, die auch noch in fünf Jahren und länger funktionstüchtig ist. Doch ist dies mit den heutigen Mitteln ohne Layout-Tabellen überhaupt zu erreichen? Derzeit stehen verschiedenen Möglichkeiten zur Realisierung von Websites zur Verfügung: Da gibt es HTML 4.0 und XHTML 1.0, sowie CSS 1.0, CSS 2.0 und demnächst CSS 3.0.

Meiner Meinung nach können nur Websites als zukunftssicher bezeichnet werden, wenn sie auf abgeschlossenen Standards basieren, an denen nicht mehr gearbeitet wird und die von den Browsern zufriedenstellend umgesetzt werden können. Dies ist bei HTML 4.0 und CSS 1.0 der Fall. Dürfen nun also auch Websites als zukunftssicher bezeichnet werden, die auf das moderne XHTML 1.0 und CSS 2.0 setzen?

An XHTML wird noch gearbeitet und die Unterstützung von CSS 2.0 ist in einigen Browsern noch als sehr mangelhaft zu bezeichnen. Daher kann es hier immer wieder zu Veränderungen bei der Unterstützung bzw. Interpretation des Quellcodes geben. Von daher würde ich modernes Webdesign mit XHTML und CSS 2.0 (zumindest derzeit) nicht als zukunftssicher bezeichnen, sondern eher als Alternative, die es einem in einigen Jahren leichter machen wird, die Website zukunftssicher zu realisieren.

Der Internet Explorer hat laut aktuellen Statistiken derzeit eine Verbreitung von 70-80%. Die Versionen 5.xx und 6.xx machen davon noch ca. 50 Prozent aus. Das Schlimme daran: Beide Versionen sind am weitesten verbreitet und beherrschen kaum CSS 2.0. Besonders schlampen tun sie ausgerechnet am stärksten bei dem Teil von CSS, welcher die »Layout-Tabellen« ersetzen soll.

Die nächste schlechte Nachricht ist: An dieser Situation wird sich leider so schnell nichts gravierendes ändern. Der überwiegendste Teil der Anwender sind nun einmal kein Webdesigner oder Informatiker, sondern einfacher Benutzer, der sich nicht mit der Materie beschäftigen möchte und daher lieber seine bisher eingesetzte Software weiterverwendet. Neue Anwendungen bzw. Versionen halten erst mit einem neuen Computer Einzug in die Wohnzimmer. Schließlich sind die Computer schon bei der Auslieferung Softwaremäßig heutzutage recht komplett ausgerüstet.

CSS-Hacks

Um jetzt doch Websites mit XHTML und CSS 2.0 entwickeln zu können – die auch im Internet Explorer einigermaßen korrekt angezeigt werden – werden meistens so genannte CSS-Hacks benötigt. Das sind kleine Codeschnipsel, die von bestimmten Browsern interpretiert und von den restlichen ignoriert werden. Dadurch ist es möglich, einzelnen Browsern unterschiedliche Anweisungen »untergeschummeln«. Die meisten Hacks gibt es für den Internet Explorer.

Diese Hacks funktionieren jedoch meist nur in einer Browser-Version. Soweit nicht sonderlich schlimm. Doch was passiert jetzt, wenn eine neue Version des Browsers veröffentlicht wird? Der Internet Explorer 7 kann beispielsweise CSS 2.0 schon etwas besser interpretieren und viele Hacks die unter dem IE 6 noch benötigt wurden, bewirken nun im IE 7 das glatte Gegenteil. Was geschieht dann? Die Hacks müssen wieder entfernt bzw. angepasst werden. Ist das zukunftssicheres Webdesign? Wohl eher nicht. Hinzukommt das bei Websites im Auftrag von Kunden durch die Mehrarbeit zusätzliche Kosten entstehen. Aber wer soll diese Kosten tragen? Der Webdesigner? Der Kunde? Microsoft jedenfalls sicherlich nicht.

Derzeit können Websites die standardkonform und ohne Layout-Tabellen realisiert sind wohl noch nicht als zukunftstauglich bezeichnet werden. Sie sind aber eine gute Grundlage für eine Zukunft, die vielleicht in fünf Jahren anfängt.