Hello there and welcome to this design test and CSS3 demonstration

This example shows what is possible with some new CSS3 functions. This are transparency, new attribute selectors, round corners and Multi-column layout.

Transparency and round corners can also be implemented with CSS2 functions and images. But using the new functions it becomes really easy and flexible.

While you can match a whole attribute value or space and hyphen separated attributs with CSS2 selectors, CSS3 gives you even more power. Now you can match attributes beginning or ending with a string or even containing a substring. The external links in this example show an image before, the internal don't. This is realised by using a[href^="http"] as selector. So no more extra class for external links needed …

And yes, even without CSS3 one can also create a page with 2 or more columns, but not without a table and particularly not with a dynamic result. The "column-count" property also eases editing of the text in the columns. The following example shows a two-column layout with dynamic arrangement of text when resizing the window horizontally.

»Christian« sagte ich gerade zu Christian (Denn Christian heißt mit Vornamen Christian! Ist das nicht ein irrer Zufall!?).
»Christian, wir haben Probleme. Wir ....«
»Ach wir haben Probleme? PROBLEME???? Wir haben an so ziemlich jedem Freak der Hamburger DFÜ-Szene und weiß ich wievielen Auswärtigen eine Gehirnwäsche vorgenommen, und du sagst, wir haben PROBLEME? PROBLEME??????«
Er erschien mir reichlich aggressiv. Es war der beste Zeitpunkt, ihm meine Entscheidung mitzuteilen. Er wäre ohnehin SEHR böse geworden, warum nicht schlechte Nachrichten dann anbringen, wenn er nicht mehr böser werden kann?
»Das meine ich nicht. Ich meine FINANZIELLE Probleme. Ich bieg' die Leute wieder hin, aber das Equipment dafür ist nicht finanzierbar.«
»Wieso finanzielle? Du hast doch alles auf meinem kleinen ST eingehackt!?«
»Das schon. Aber eine Gehirn-Konditionierung über den SM124 zieht pro Sekunde etwa 2 Gigawatt Strom aus dem Netz. Macht locker 2000 DM pro Sekunde. Christian, ich muß dir ein Geständnis machen:
Wir haben NICHT wegen der schönen Aussicht immer bei DIR gearbeitet.«

An dieser Stelle beendete Christian das Gespräch. Ich kenne das schon von ihm: Wenn in einer Diskussion von mir knallharte Fakten kommen, wirft er sich ins Rosenbeet und schluchzt hemmungslos vor sich hin. Ich beschloß, daß seine Leidensfähigkeit wesentlich höher liegen müßte, und beschloß, ihm die GANZE Wahrheit zu sagen:
»Christian, zur Deckung der Unkosten habe ich dich als sizilianischer Zwiebelhirte an die Mafia verkauft.«

Don't see anything transparent here? No round corners? No arrows? And only one column? I guess you've to use an CSS3 enabled browser like Mozilla/Firefox (Gecko currently implements round corners and multi-columns as preliminary -moz-* properties) or Safari (WebKit currently implements that stuff as preliminary -webkit-* properties).

Go back to my Homepage.