Die Notwendigkeit für die Version 3.3 ergibt sich maßgeblich aus der mittlerweile guten Browserunterstützung für zahlreiche CSS3-Eigenschaften zur grafischen Gestaltung. In Verbindung mit CSS3 wird die bisher von mir bevorzugte Clearing-Lösung overflow:hidden mehr und mehr zum Problem, da sich das Clipping-Verhalten an den Elementrändern bei Child-Elementen störend auf die Darstellung neuer CSS-Eigenschaften wie box-shadow auswirkt. Dies betrifft in erster Linie die Subtemplates sowie allgemeine CSS-Klasse .floatbox zum Einschließen von Floatobjekten.

Possibly related posts (automatically generated)

• YAML 3.2
• YAML 3.1
• CSS Frameworks im Vergleich
• YAML CSS-Debugging per Bookmarklet
• Kritik an den derzeitigen CSS Grid-Frameworks

YAML besteht nunmehr nur noch aus zwei Kernbausteinen. Die base.css ist das Herzstück des Frameworks und stellt dem Nutzer ein schonendes Browser-Reset, oft benötige CSS-Klassen für die Layouterstellung (Float Clearing, Skiplinks, ect.), die “Subtemplates” als flexible Grid-Bausteine, ein universelles Fallback auf ein dreispaltiges Basislayout und wichtige Vorgaben für eine fehlerfreie Druckausgabe bereit. Über den zweiten Baustein, die iehacks.css werden die älteren Versionen des Internet Explorers 5.x bis 7.0 mit Bugfixes versorgt, die so formuliert sind, dass sie ohne Eingreifen des Anwenders den überwiegenden Teil der CSS-Bugs dieser Browser korrigieren. Der ehemaliige dritte Baustein, die print_base.css ist in der base.css aufgegangen.

Sehr schön werde ich mir die nächsten Tage mal ansehen.

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.1
• CSS Frameworks im Vergleich
• YAML CSS-Debugging per Bookmarklet
• Kritik an den derzeitigen CSS Grid-Frameworks

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.2
• YAML Debug
• YAML 3.1
• CSS Frameworks im Vergleich

YAML Debug is an assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly based on YAML) as well as testing it against common oversights.

Etwas ähnliches gab es schon länger allerdings war die erste Version defakto unbenutzbar, da der Screen mit Informationen völlig überladen wurde. Die neue Version kommt mit einer schönen GUI daher in der sich an- und abschalten lässt was man sehen will.

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.2
• YAML Templates für (fast) jedes CMS
• YAML 3.1
• CSS Frameworks im Vergleich

• Expanded layout possibilities: the new CSS classes .page_margins and .page allow an even more variable page layout.
• Form construction kit: a complete form construction kit supports the production of accessible forms, with all the design freedom you could wish.
• Equally tall content boxes: an optional extension of the flexible subtemplates allows column containers of equal height, without compromising robust design or compatibility to older browsers — all in pure CSS.
• Add-on: microformats: this add-on provides templates for visual presentation of the most widely used microformats.
• Add-on: RTL support: this add-on delivers complete support for working with Arabic or Hebrew script. It contains all the necessary adjustments for the core and the navigation components.

Sehr cool!

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.2
• CSS Frameworks im Vergleich
• YAML CSS-Debugging per Bookmarklet
• Kritik an den derzeitigen CSS Grid-Frameworks

Interessant. Für meinen Teil habe ich mich zur Zeit auf YAML und YUI Grids festgelegt.

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.2
• YUI Grids CSS
• Drupal: Einführung in das Blueprint Theme
• YAML 3.1

Folgende Funktionen sind implementiert:

• Verfügbarkeitstest für YAML’s iehacks.css Stylesheet (Funktioniert gesichert über Einbindung ins zentrale Stylesheet)
• Hervorhebung von DIV-Containern mit ID- und Klassenbezeichnung (einschl. YAML-Subtemplates und .floatbox-Klasse)
• Hervorhebung der Gliederungsebenen bei Überschriften (H1..H6)
• Hervorhebung spezieller Textauszeichnungen (z.B. abbr, code, q, cite)
• Hervorhebung inhaltsleerer Elemente
• Hervorhebung von Elementen mit Inline-Styles
• Hervorhebung von Skip-Ankern

Possibly related posts (automatically generated)

• YAML 3.3
• YAML 3.2
• YAML 3.1
• CSS Frameworks im Vergleich
• jsbin

Ich finde es daher schade, daß so viel Energie darauf verwendet wird, ein suboptimales Konzept, wie es Blueprint eingeführt hat, immer wieder zu modifizieren, anstatt mit neuen Ideen an die Sache heranzugehen. Es kann doch nicht unser Ziel sein, mittels Grid-Frameworks die Unflexibilität eines Tabellendesigns nachzuahmen. Vielmehr sollte darüber nachgedacht werden, wie wir Rapid Prototyping, ungewöhnliche und typographisch interessante Layouts und Flexibilität in der Anwendung miteinander kombinieren können. All den Erstellern eines Blueprint-Klons sollte klar sein, daß sie ihren eigenen Beitrag nur auf Grund der Unflexibilität des Originals geleistet haben.

Seine Ausführungen haben einiges für sich. Letztlich bin ich auch immer wieder zu YAML zurückgekehrt weil mir die anderen Frameworks zu unflexibel waren.

Possibly related posts (automatically generated)

• YAML 3.0.5 veröffentlicht
• Elastic Grid Layouts
• YAML 3.3
• YAML 3.2
• 1 line CSS Grid Framework

Die Aktualisierungen betreffen zahlreiche kleine Änderungen in den Core-Dateien sowie in den mitgelieferten Beispielen. Eine bessere Behandlung des IE-Clearing-Bugs erlaubt den Verzicht auf die Vorgabe des z-index für die Content-Spalten. Damit dürften eine Reihe von Anpassungschwierigkeiten mit z.B: Dropdown-Menüs der Vergangenheit angehören. Screen- und Print-Layout beeinflussen sich planmäßig nicht mehr und auch eine verbesserte JS-Expression zur Simulation von min-width und max-width im IE 5.x und IE 6 wurde in den Layoutbeispielen integriert.

Des weiteren gibt es ein neues Beispiel: 3col_fullheight

Possibly related posts (automatically generated)

• Kritik an den derzeitigen CSS Grid-Frameworks
• Elastic Grid Layouts
• YAML 3.3
• YAML 3.2
• 1 line CSS Grid Framework

Layoutfeatures

• 2-spaltiges, flexibles Layout mit rechter Sidebar wählbar
• 2-spaltiges, flexibles Layout mit linker Sidebar wählbar
• 3-spaltiges, festes Layout mit rechter und linker Sidebar wählbar
• Sidebar geteilt (50/50) möglich bei 2-spaltigem Layout
• Login-Navigation: keine /über Header / im Header
• Hauptnavigation: keine oder unter dem Header
• zusätzlicher Container über dem Footer: keiner oder mit bis zu 3 Spalten

Inhaltsanzeige

• Blogstartseite: voller Artikel oder gekürzte Fassung wählbar
• Archiv-/Kategorie-/Tagseiten: voller Artikel oder gekürzte Fassung wählbar
• Anzeige von Beitragsinfos unter der Beitragsüberschrift wählbar
• Anzeige einer Infobox mit Beitragsinformationen wählbar

Possibly related posts (automatically generated)

• WordPress Theme erstellen
• Introduction to HookPress
• WordPress als CMS
• Permalinks mit Umlauten
• WordPress: Metaboxen in eigenen Plugins