Guymon

CSS Frameworks im Vergleich

Capsize Designs vergleicht die CSS Frameworks: BlueprintCSS, 960.gs, LogiCSS, YUI Grids, Elements, Hartija - A Print Framework, Tripoli und YAML (Yet Another Multicolumn Layout).

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

YAML CSS-Debugging per Bookmarklet

Praktisch das YAML CSS-Debugging per Bookmarklet

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

Kritik an den derzeitigen CSS Grid-Frameworks

Jens Grochtdreis bringt seine Ablehnung gegenüber CSS Grid-Frameworks wie Blueprint zum Ausdruck.

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.

YAML 3.0.5 veröffentlicht

Dirk Jesse hat YAML 3.0.5 veröffentlicht.

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

YAML Green Theme für WordPress

Das YAML Green Theme für WordPress basiert auf YAML und ist über eine Konfigurationsseite im Adminmenü anpassbar. Keine schlecht Idee ich werde es mal testen.

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