Tutorials
Montag05. Dezember 2005

Die neue Version steht im Zeichen des Internet-Explorers. Es geht um zwei Rendering-Bugs des Internet Explorers die bei der Entwicklung von YAML bisher unentdeckt geblieben waren.

  • IE Flicker-Bug: Der von mir als ‘Flicker’-Bug getaufte Fehler sorgte im Internet Explorer dafür, dass die mittlere Spalte bei bestimmten Fensterbreiten des Browsers plötzlich verschwand. Dieses Problem ist jetzt beseitigt. Ausführliche Erläuterungen dazu gibt es in den Erläuterungen zur CSS-Datei iehacks.css.
  • IE Bug: Einen zweiten Rendering-Bug des Internet Explorers, der weniger gravierend aber nicht weniger lästig ist, habe ich in den Abschnitt Bekannte Probleme aufgenommen. Zur Demonstration habe eine Testseite hinzugefügt. Für diesen Bug habe ich noch keinen wirksamen Hack gefunden. Lösungen sind also willkommen.
  • Anwendungshinweise & Barrierefreiheit
    Verweis auf meinen Anwendungsartikel im High Resolution Weblog im Abschnitt ‘Weitere Variationen & erste Schritte’ eingefügt.
  • Spalten im Quelltext: Die Reihenfolge der Randspalten wurde im Quelltext getauscht, so dass jetzt die linke Spalte zuerst erscheint. Die Reihenfolge der beiden Spalten ist prinzipiell frei wählbar.
  • Variation 3: Enthält eine alternative Möglichkeit zur Zentrierung für fixe Layouts, die auch im Internet Explorer 5.x funktioniert.

Gleichzeitig mit der Veröffentlichung möchte ich die Gelegenheit nutzen und zur offiziellen Käfersuche aufrufen. Die Testseite steht bereit und ist auch im aktuellen Zip-Paket enthalten. Lösungsvorschläge werden allerdings nur akzeptiert, solange die Ränder auch weiterhin bis zum Footer gezeichnet werden.


Donnerstag01. Dezember 2005

Arne Kamola hat in seinem Weblog die Diskussion bezüglich der Barrierefreiheit von YAML angeregt. Sein Hauptkritikpunkt ist die Platzierung der Hauptinhalte dem Quelltext. Durch die Verwendung von Floats für die Seitenspalten erscheinen diese zwingender Weise im XHTML-Quelltext vor dem eigentlichen Hauptinhalt. Den technischen Hintergrund für diesen strukturellen Aufbau des Templates habe ich bereits in diesem Beitrag erläutert. Sein Hauptkritikpunkt bleibt davon jedoch unberührt.

Und so habe ich nach Möglichkeiten gesucht, die Inhalte unabhängig von der Darstellung am Bildschirm auch im Quelltext entsprechend ihres Informationsgehaltes zu ordnen (wichtig - oben, weniger wichtig - unten). Nach einigem Überlegen legte sich meine anfängliche Betriebsblindheit und daher folgen jetzt ein paar Anregungen für die Anwendung des Templates.

Den gesamten Beitrag lesen


Dienstag22. November 2005

Soeben habe ich eine überarbeitete Fassung meines Layout-Tutorials “Yet Another Multicolum Layout” online bereitgestellt. Die neue Version 1.1 entält folgende Änderungen:

  • Einheitliche Basis: base.css
    Die ehemalige Clearfix & Overflow-Variante des base-Stylesheets bildet ab sofort die alleinige Basis des Layouts. Die Version hat sich als robuster in Verbindung mit der Darstellung im Internet Explorer erwiesen.
  • Impressum-Link
    Es wurde eine Impressumsseite hinzugefügt. Der Link geht also nicht mehr ins Leere.
  • Browserkompatibilität
    Opera 6+ zeigt das Layout nun ebenfalls korrekt an. (Änderung CSS-Eigenschaften für Impressum-Link)
  • Variation 3 - Fixes Layout mit YAML
    #page_margins Container für die einfachere Erstellung von Layouts mit fixen Breiten hinzugefügt. Als “Variation 3” werden die Anpassungen für ein fixes Layout demonstriert.
  • Menu
    Styles wurden angepasst, sodass die schwarze Trennlinie der Reiternavigation auch angezeigt wird wenn kein Menupunkt aktiv geschalten ist (z.B. beim Impressum).
  • Erste Schritte
    Für die ersten eigenen Versuche mit YAML wurde dem Paket die Datei example.html hinzugefügt. 

Des weiteren habe ich für Fragen rund um die Anwendung/Modifikation des Templates ein Forum eröffnet. Hier sollen in Zukunft Fragen und Anworten gesammelt werden, sowie Ideen für weitere Verbesserungen zusammengetragen werden.


Donnerstag20. Oktober 2005

Yet Another Multicolum Layout”, kurz YAML, ist mein gerade fertig gestelltes Layout Tutorial für die Verwendung von Fließumgebungen zur Erstellung mehrspaltiger Webseiten-Layouts. Da ich parallel dazu gerade mit dem Aufbau meines neuen Weblogs hier beschäftigt war, übernahm Jens Grochtdreis dankenswerter Weise die Bekanntmachung des Tutorials in seinem Weblog.

Ein voller Erfolg, wie nicht nur meine Statistik zu berichten weiß. Heute wird YAML bei Einfach für Alle erwähnt. Ein gutes Gefühl, wenn die eigene Arbeit so gut ankommt.


Seite 3 von 3 Seiten

 <  1 2 3