Wann darf man YAML 3.1 erwarten? :-)

Zum Nikolaus wird es nichts mehr aber ich denke, noch vor Weihnachten. Das Download-Paket samt Beispielen ist bereits seit einigen Tagen fertig, momentan sitze ich noch an der Dokumentation + Übersetzung.

Wann darf man YAML 3.1 erwarten? :-)

Vorweihnachtliche Grüße,

Tobias

Der Header und Footer schließen nahtlos links und rechts am Rand an, während der Teil in der Mitte nach links und rechts noch etwas Platz hat. Ich komme nicht drauf, wie Du das gemacht hast.

Schau Dir mal den Quelltext und das CSS des Headers und Footers an. Die Verschachtelung von .page_margins, .page und #header ist einfach vertauscht. Und wie Du siehst, sind .page_margins und .page in diesem Fall Klassen statt IDs damit die Mehrfachnutzung möglich ist.

Mit YAML 3.1 wird das alles ganz einfach gehen, Beispiele gibt es auch. Aber auch jetzt schon solltest Du das leicht selbst umsetzen können. So schwierig ist es nicht.

Gruß
Dirk

YAML an sich ist ja schon spitze, aber das Design für Deine neue(n) Seite(n) ist überirdisch.

Ich spiele ein wenig mit YAML, um für Typo (nicht Typo3, sondern Typo, das Ruby on Rails Blog) ein Template zu schreiben.

Wenn Du Dich nicht daran störst, hätte ich da eine Sache, die ich an Deiner Seite gerne verstehen würde, um das so ähnlich für mein Template zu realisieren:

Der Header und Footer schließen nahtlos links und rechts am Rand an, während der Teil in der Mitte nach links und rechts noch etwas Platz hat. Ich komme nicht drauf, wie Du das gemacht hast.

liebe Grüße aus Hamburg,

Tobias

Danke für deine unendliche Geduld, jetzt habe sogar ich es begriffen! ;-)

Auch in deinem Fall wird das Grid 25% (mit dem Datum) im Quelltext vor dem Titel des Artikels ausgegeben, der ja im nächsten Grid steht, ausgegeben.

Das ist ein Irrtum Deinerseits. Es gibt hier keine 25% Grid-Spalte. Schau Dir die Startseite des Weblogs an (im Quelltext oder in der Druckvorschau). Gäbe es eine solche 25%-Spalte, müssten alle Datumsangaben vor dem ersten Beitrag im Quelltext stehen, was jedoch nicht der Fall ist. Das Datum ist lediglich das erste Element eines jeden Beitrags und wird entsprechend am Bildschirm seitlich positioniert. Eine extra Grid-Spalte benötigt man dafür also nicht.

Was Dein Layout anbetrifft, ist eine Empfehlung per Kommentar schwer. Selbstverständlich lassen sich die Subtemplates in Handarbeit ganz genauso in ihrer Reihenfolge manipulieren wie die normalen Content-Spalten, es sind schließlich auch nur floatende Container. Du solltest Dir aber überlegen, ob das wirklich notwendig ist.

Wenn deine Inhalte semantisch korrekt ausgezeichnet sind, dann ist deren Position im Quelltext eigentlich annähernd unwichtig. Die Suchmaschinenbots werden auch so anhand der Überschriftenhierarchie Wichtiges von Unwichtigem unterscheiden können. Mit CSS lässt sich nicht reparieren, was man mit sich schlecht gewähltem HTML zuvor verbaut hat. Wenn Deine Randinhalte unbedeutend sind, zeichne sie mit H5 oder H6 aus und nicht mit H2.

Mehr lässt sich ohne einen Blick auf den Layoutentwurf nicht sagen. Technische Wege zur Umsetzung gibt es immer mehrere.

Danke für deine schnelle Antwort, leider scheine ich mich etwas ungeschickt ausgedrückt zu haben.

Auch in deinem Fall wird das Grid 25% (mit dem Datum) im Quelltext vor dem Titel des Artikels ausgegeben, der ja im nächsten Grid steht, ausgegeben.

Da bei mir der Artikeltitel einen h1-Tag hat und in der linken Spalten mit niedrigeren h2-Tags etwas anders steht, hätte ich gerne im screen zwar die Anordnung von links nach rechts, im Quelltext jedoch das mittlere grid, wegen des h1-tags (und einiger suchmaschinen-bots) zuerst.
Etwa so wie es in deiner Beispiel -Datei: 2-1-3-seo.html mit cols realisiert ist, meine Frage war ob dies mit grids überhaupt möglich ist, oder ob ich dann in meinem #main-Abschnitt auf cols zurückgreifen muß.

Natürlich meine ich das das 75% grid deines Layouts, welches zuerst im Quelltext erscheinen soll.

Das tut es von ganz allein (siehe Quellcode). Es gibt keine spezielle 25% Spalte, die vor allen anderen Elementen erscheint. Die Inhalte werden lediglich über horizontale Margins und Paddings an der jeweils richtigen Stelle platziert.

Gruß
Dirk

Entschuldige das Kuddelmuddel!

Viele Grüße
Michael

Wie Du bereits weißt hat mir dein Layout wirklich ausnehmend gut gefallen.
Nochmals Kompliment!
Die Grid-Struktur wirft bei mir nur folgende Frage auf: Wenn man nun von Deinem Beispiel bei #main ausgeht, da hast Du 25% 66,667% und 33,33% angenommen. Gibt es eine Möglichkeit, daß im Quelltext das Grid mit 66,667% zuerst angezeigt wird? Also entsprechend cols mit 2-1-3?

Über eine kurze Antwort würde ich mich freuen!

Viele Grüße
Michael

Arial: Der Urvater aller Schriften im Web, das missglückte Helvetica-Plagiat, hässlich wie die Nacht, durchaus für Fließtext geeignet, allerdings kaum noch genutzt, so dass ihr Einsatz schon wieder trendy ist. Ja, ich habe Gerrit van Aaken’s Essay - HTML-Schriften unter der Lupe -  gelesen. 
Sein Urteil über die Calibri: Serifenlose Schrift für Fließtext, rundlich-weiblicher, besitzt ein „klassisches“ kleines g. (Merkhilfe: Calibri und Corbel vom 08.07.2008).
Und ganz aktuell:
„Ich habe neulich mit Calibri gespielt und finde, dass sie bei 14 Pixel sowohl unter ClearType als auch unter Quartz sehr gut aussieht.“ (Weblog vom 03.08.2008)

Ich habe beide Schriften in einem Test selbst noch einmal verglichen:
Die Calibri ist graziler, sanft gerundet, von der Farbe etwas blasser (color:  #333 würde ihr meines Erachtens besser zu Gesichte stehen als color: #555), sie ist wirklich traumhaft schön.
Unter Windows XP sieht sie auch mit ClearType gut aus (sehr gut ist wohl etwas übertrieben), wenn auch die Kantenglättung unter VISTA besser ist. 
Die Arial ist farblich etwas kräftiger, die Buchstaben drängen sich dichter aneinander, sie wirkt etwas sperrig, steif, hölzern -  hässlich wie die Nacht würde ich sie allerdings nicht bezeichnen.

Auch wenn mir anfangs die Schrift mit Calibri zu klein erschien, so habe ich mich inzwischen mit ihr angefreundet.  Wenn ich längeren Fließtext lese und meine Augen nicht überanstrengen will,  muss ich die Calibri mit 14px allerdings auf 120% vergrößern,  dass muss ich bei der Arial mit 12px aber auch.  Eigentlich gibt es kaum eine Webseite, wo ich nicht die Schrift vergrößere, zum Glück ist das (meist) problemlos möglich.
Die generelle Umstellung auf Arial als alltagstaugliche Variante für Windows XP ist gut gemeint und ich möchte auch keinesfalls dagegen protestieren. Da ich aber die Calibri-Vaiante auch sehen möchte, habe ich ein Benutzer-Stylesheet geschrieben und kann nun nach Belieben zwischen Arial und Calibri wechseln.

Zum eigentlichen Thema:
Das Layout mit flexiblen Grids hat mir auf den ersten Blick gefallen.
Die Erläuterungen geben einen guten Einblick in den Entstehungsprozess des Layouts und zusammen mit der Grafik schärfen sie den Blick für die Einzelheiten und Feinheiten.

Unter Windows XP und Firefox 3 wird bei mir sehr wohl die Calibri benutzt.

Vermutlich musst Du nur mal den Browsercache löschen, dann sollte Arial zum Vorschein kommen. Der Umstand, dass die standardmäßige Kantenglättung so miserabel ist, reicht mir. Ich erwarte ja nicht, dass Du oder ein anderer Leser erst explizit die Kantenglättung konfigurieren muss, nur um meine Seite in einer anständigen Schriftdarstellung lesen zu können. Daher komme ich dem Drama lieber zuvor und biete eine alltagstaugliche Alternative.

Schlecht nur, dass ich nach nicht mehr umschalten kann. (Safari, Mac).

Ach ja, Mr. Safari (Win/Mac) gibt sich wohl nicht damit zufrieden, dass das Link-Element des Stylesheets aus dem DOM entfernt wird. Jetzt deaktiviere ich es zuvor auch noch (quasi Gürtel+Hosenträger) und jetzt kapiert er’s auch.

Danke für den Hinweis.

Ich glaub, da hol ich gleich mal Dein Buch aus dem Regal und nehm es mit in den Bus. Bücher, die nur rumstehen, sind nichts anderes als Staubfänger. Man sollte sich vergegenwärtigen, daß da was drin steht, was sich lesen und verstehen lässt… ;-)