+ mzungu's weblog + » CSS

YAML Builder: per Mausklick zum neuen Layout

Cedric — Fri, 17 Aug 2007 12:34:17 +0000

Dirk Jesse hat ein Preview des YAML Builder in der Version 0.3 veröffentlicht. YAML steht für “Yet Another Multicolumn Layout” und ist ein Framework zur Erstellung moderner und flexibler XHTML & CSS Layouts für Webseiten. Ich habe den Builder selbst noch nicht getestet, er sieht aber auf den ersten Blick sehr gut aus. Mit solch einer einfachen Möglichkeit ein Grundkonzept zusammenzuklicken, dürften sich einige Anwender vielleicht eher für YAML als YUI entscheiden.

Veröffentlicht in mzungu's weblog am 17.08.2007, 14:34 von Cedric. Die Inhalte sind - soweit nicht anders vermerkt - unter der Creative Commons Lizenz BY-NC-SA veröffentlicht und können unter diesen Bedingungen verwendet werden. Schreibe einen Kommentar, oder empfehle diesen Artikel auf Facebook oder Twitter.
(Digital Fingerprint: 1172f3ac65d735935395dcbe65da3e20)

Notiz: betamagazin – der Anfang ist nah

Cedric — Thu, 08 Mar 2007 22:17:37 +0000

Schon auf dem Barcamp Nürnberg hat Marc Tobias Kunisch begeistert erzählt. Jetzt ist es fertig, das erste betamagazin und kann bei lulu bestellt werden. Ist recht teuer (76 Seiten, 16,50EUR), vor allem weil auch noch Versandkosten dazukommen. Aber die persönliche Werbung hat gewirkt und ich werde mir anschauen ob Inhalt und Design das wieder gut machen.
[via betamagazinblog]

Veröffentlicht in mzungu's weblog am 08.03.2007, 23:17 von Cedric. Die Inhalte sind - soweit nicht anders vermerkt - unter der Creative Commons Lizenz BY-NC-SA veröffentlicht und können unter diesen Bedingungen verwendet werden. Schreibe einen Kommentar, oder empfehle diesen Artikel auf Facebook oder Twitter.
(Digital Fingerprint: 1172f3ac65d735935395dcbe65da3e20)

Spaßbremsen finden – wie lange lädt mzungu's?

Cedric — Wed, 13 Dec 2006 08:26:45 +0000

Nachdem mir die letzten Tage überall Artikel zur neuen Firebug Erweiterung für Firefox begegnet sind, habe ich sie natürlich Pflichtbewusst installiert. Neben vielen Tools zur HTML, CSS und Javascript Analyse gibt es u.a. auch die Möglichkeit die Ladezeit der Seite zu analysieren. Schlecht komprimierte Grafiken, zu viel Javascript, lahme externe Anwendungen wie Flickr oder Statistiken – wo genau sind die Spaßbremsen versteckt? Die Ladezeiten von meinem Blog könnten vermutlich besser sein. Ich würde mich über dein Feedback freuen, um das ganze verbessern zu können.

Umfrage zu den Ladezeiten von mzungu’s

Take Our Poll

Veröffentlicht in mzungu's weblog am 13.12.2006, 09:26 von Cedric. Die Inhalte sind - soweit nicht anders vermerkt - unter der Creative Commons Lizenz BY-NC-SA veröffentlicht und können unter diesen Bedingungen verwendet werden. Schreibe einen Kommentar, oder empfehle diesen Artikel auf Facebook oder Twitter.
(Digital Fingerprint: 1172f3ac65d735935395dcbe65da3e20)

YAML Layout-Framework

Cedric — Sat, 08 Jul 2006 16:12:40 +0000

Moderne Webseiten basieren auf XHTML und einem durch CSS gesteuertem Design. Die meisten Seiten verwenden dabei ein zwei oder drei Spalten Layout (Nadja erklärt warum das so ist). YAML (Yet Another Multicolumn Layout) ist ein Framework mit dessen Hilfe auf einfache Art standardkonforme Layouts als Grundlage für eine eigene Anpassung erstellt werden können.

“Yet Another Multicolumn Layout” ist ein Framework zur Erstellung moderner und flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein möglichst hohes Maß an Flexibilität und Zugänglichkeit im Vordergrund. Innerhalb eines Tutorials wird die Funktionsweise der einzelnen Bausteine erläutert.

Die Erstellung komplexer Designs mit floatenden Layoutbereichen ist normalerweise recht trickreich, vor allem wenn die Seiten in allen Browsern gleich aussehen sollen. Das sollte ja selbstverständlich sein, doch leider gibt es immernoch viele Browser-Bugs und nicht standardkonformes Verhalten der Browser. Mit YAML erstellte Layouts unterstützen eine große Zahl moderner Browser diverser Betiebssysteme. YAML ist ein Framework, das ich selbst sicherlich öfters einsetzen werde.
[via BS]

Veröffentlicht in mzungu's weblog am 08.07.2006, 18:12 von Cedric. Die Inhalte sind - soweit nicht anders vermerkt - unter der Creative Commons Lizenz BY-NC-SA veröffentlicht und können unter diesen Bedingungen verwendet werden. Schreibe einen Kommentar, oder empfehle diesen Artikel auf Facebook oder Twitter.
(Digital Fingerprint: 1172f3ac65d735935395dcbe65da3e20)

Einstieg in die Positionierung von HTML-Elementen mit CSS

Cedric — Tue, 20 Jun 2006 10:43:03 +0000

Peter Müller hat einen übersichtlichen Artikel zur Positionierung von HTML-Elementen geschrieben. Er erklärt, wie sich die HTML-Elemente natürlicherweise im “document flow” verhalten und wie sie mit Hilfe von CSS aus diesem natürlichen Flow heraus positioniert werden können. Ein Artikel mit wichtigen Grundlagen für jeden Webdesigner und perfekt als Einstieg ins Thema.
Hier ein Auszug:

Flow: Zum normalen “Fluss” gehören nicht positionierte Block- und Inline-Elemente sowie Boxen mit relativer Positionierung (position:relative).
Absolute Positionierung: Absolut positionierte Elemente werden aus dem Fluss herausgehoben und sind für die anderen Elemente nicht sichtbar. Dazu zählen position:absolute und position:fixed.
Float: Schwebende, gefloateteElemente sind ein Zwischending. Zuerst wird die Box im normalen Fluss positioniert, dann wird sie aus dem Fluss herausgehoben und schwebt so weit wie möglich nach rechts oder links.

Zur Positionierung ebenfalls sehr empfehlenswert ist dieser Überblick von Patrick Fitzgerald.

[via WebdevBits]

Veröffentlicht in mzungu's weblog am 20.06.2006, 12:43 von Cedric. Die Inhalte sind - soweit nicht anders vermerkt - unter der Creative Commons Lizenz BY-NC-SA veröffentlicht und können unter diesen Bedingungen verwendet werden. Schreibe einen Kommentar, oder empfehle diesen Artikel auf Facebook oder Twitter.
(Digital Fingerprint: 1172f3ac65d735935395dcbe65da3e20)