Archive for the ‘CSS’ Category

Open Source Web Design

Donnerstag, August 30th, 2007

Die Homepage oswd.org bietet zahlreiche zur freien Verfügung stehenden Homepage-templates und ist einen Besuch unbedingt wert. Die Auswahl an Templates ist groß und die Designs müssen sich auf keinen Fall verstecken. Nicht nur, dass die meisten gut aussehen, sie sind auch sauber gecodet.

YAML ‘Yet Another Multicolumn Layout’

Dienstag, Juli 17th, 2007

Das Erstellen von Stylesheets ist aufgrund der unterschiedlichen Interpretations- und Darstellungsweise der verschiedenen Browser meist eine nervtötende Angelegenheit. Allein ein Blick auf die im Internet zur Verfügungstehenden Tabellen, die Auskunft darüber geben welche CSS-Eigenschaften von den einzelnen Browsern unterstützt werden lässt erahnen, wieviel Mehrarbeit zu leisten ist, wenn man eine nahezu 100% Browserabdeckung erzielen möchte.

Um dem Autor eines CSS die Arbeit zu erleichtern, kann dieser ein (X)HTML/CSS Framework wie YAML verwenden. YAML ist Open Source und enthält eine Reihe von Features zur zügigen Entwicklung CSS-basierter Layouts, wobei die folgenden laut der offiziellen Dokumentation wohl am wichtigsten sind:

  • Flexibles, auf Barrierefreiheit ausgelegtes Basislayout mit Kopf- und Fußbereich sowie dem Inhaltsbereich mit ein bis drei Spalten,
  • Browserübergreifend einheitliches Erscheinungsbild des Layouts,
  • Größtmögliche Gestaltungsfreiheit für den Webdesigner (fixe/flexible Layouts, variable Spaltenbreiten usw.),
  • Beliebige Reihenfolge der Spalteninhalte im Quelltext (Stichwort: any order columns),
  • Funktional gegliederte Stylesheet-Vorlagen
  • Spaltentrennlinien und Spaltenhintergründe können ohne Grafikeinsatz erzeugt werden und laufen immer bis zum Fußbereich,
  • Flexible Raumaufteilung innerhalb der einzelnen Container über Subtemplates.

Die Frage, ob das YAML-Framework denn auch in Content-Management- und Webshop-Systemen eingesetzt werden kann, ist mit einem klaren “Ja” zu beantworten. Für die bekanntesten Systeme wie z.B. Joomla, Typo3, Drupal, Papaya CMS, Wordpress und XT:Commerce sind auch bereits fertige Templates vorhanden.
Weitere Informationen zu den Features, Dokumentationen und Beispiele sowie das Framework selbst erhalten Sie auf der Seite Entwicklers: www.yaml.de