Peruns Weblog - Webwork und Internet

A List Apart hat wieder ein neues Design und ich muss sagen, das neue Design gefällt viel besser als das alte. Es ist irgendwie viel offener, freundlicher und lädt zum längeren Aufenthalt auf der Seite ein. Es ist schlicht, aber trotzdem schön. Einfach, aber trotzdem edel.

Als ich gelesen habe, daß ALA ein Redesign hinter sich hat, hatte ich befürchtet die Website würde mit den ganzen "neuen" Techniken (Ajax, sfir, fir etc.) überfrachtet werden, aber dies ist zum Glück nicht geschehen und man kann davon ausgehen, daß sich die Macher auch in Zukunft auf das wesentliche konzentrieren werden.

Aber etwas macht mich doch stutzig:

<h1 class="title"><a href="/articles/ala40">A List Apart 4.0</a></h1>
<h3 class="byline">by <a href="/authors/z/zeldman"> Jeffrey Zeldman</a></h3>

Ich dachte immer das nach einer Überschrift erster Ordnung (h1) als nächstes eine Überschrift zweiter Ordnung (h2) kommt und dann eine Überschrifft dritter Ordnung usw. Wenn aber nach einer Überschrift des ersten Grades direkt eine Überschrift dritten oder vierten Grades kommt, dann ist imho die hierarchische Struktur nicht mehr wirklich vorhanden. Oder irre ich mich da?

Dank CSS-Zen-Garden gibt es auf Spiegel-Online einen kurzen Artikel über CSS. Sehr schön fand ich den letzten Absatz:

Die kreativsten Ideen für eine originelle CSS-Umsetzung scheitern allerdings oft genug daran, dass sie nicht von allen Browsern unterstützt werden. Mal ist es der Internet-Explorer, mal Firefox oder Opera, die sich nicht in vollem Umfang standardkonform verhalten und die Web-Designer an den Rand der Verzweiflung bringen.

Unter der Überschrift How to style a restaurant menu with CSS gibt es auf Web-graphics eine Anleitung wie man eine Speisekarte für ein italienisches Restaurant machen könnte. An sich nichts spektakuläres, es wurden Definitionslisten eingesetzt wobei einige der Listenelemente floaten.

Aber etwas an dem Beispiel hat mein Interesse geweckt. Denn der Autor stellt sich die Frage ob es möglich sei, daß man ohne den Einsatz von zusätzlichen HTML-Elementen und sogar ohne des Einsatzes von clear in der CSS-Datei ein vorheriges floatendes Element zu "clearen" (das floaten aufzuheben):

So we have learned how to contain floats without extra markup, even without using the clear property. My challenge was: is it possible to clear the influence of a previous floated element without using clear itself?

The answer is yes, we can. The following CSS rule:

div.whatever{clear: both;}

is equivalent to the following:

div.whatever{float: left; width: 100%;}

Hört sich interessant an. Werde es mal bei Gelegenheit austesten.

Wer kennt das nicht aus der Schulzeit . Tagelang vor einer Klausur hat man an einem Spickzettel gebastelt und versucht so viel Wissen wie möglich auf einem kleinen Zettel unterzubringen. Auch wenn es man es innerhalb der Klausur nicht zum Schummeln verwendet hat, so war dieser Zettel nicht umsonst. Dadurch, daß man sich mit der Materie auseinandergesetzt hat ist zumindest etwas vom Lernstoff hängengeblieben.

Jetzt gibt es für Webworker Spickzettel, welche man ohne Angst und schlechtes Gewissen verwenden darf :

• CSS-Spickzettel
• PHP-Spickzettel
• MySQL-Spickzettel
• mod_rewrite-Spickzettel
• .htaccess-Spickzettel (neu)

Via CSS-Technik-News.

Jens Meiert geht in seinem Bericht Image-Replacement-Techniken auf die Vor- bzw. Nachteile versch. Techniken ein, mit denen man die Text-Überschriften durch Grafiken ersetzen kann.

Die neue Version des (X)HTML-Kompendiums ist verfügbar.

Neu in der Version 8.1 ist unter anderem das neue Unterkapitel über CSS-basierte Layouts, ein neues Hauptkapitel Kapitel über Webserver/CGI. Die Symbolauszeichnungen, welcher Browser welche Features unterstützt und zu welchem Standard diese gehören oder nicht gehören, wurden aktualisiert.

Wer es mag, kann sich das Paket auch hier aus dem Downloadbereich herunterladen.

Via: SelfHTML Newsticker

Auf A List Apart wird im neuesten Artikel beschrieben, wie man zwei Listen nebeneinander postionieren kann und wie man dabei die gängigen Browser bedient.

In den Kommentaren zu dem Artikel gibt es einige Verbesserungsvorschläge und alternative Lösungen.