Nach einem Tag bei der Familie musst ich noch etwas Sinnvolles machen. ;) Darum hab ich mich wenige Minuten hingesetzt und das Multi-Column-Design ausprobiert, das seit Firefox 1.5 mit CSS3 möglich ist.
- W3C: CSS3 module: Multi-column layout
- Mozilla Developer Center: CSS3 Columns
- Robert O’Callahan – Gecko 1.8 For Web Developers: Columns
- Multi-column layout extension
- A List Apart-Artikel: Introducing the CSS3 Multi-Column Module
Die Hexerei ist einfach und schnell geschrieben:
.multicolumn {
-moz-column-width: 21em;
-moz-column-gap: 2em;
-moz-column-rule: thin solid #CADEE9;
}
Das Ergebnis sehen bereits alle mit diesem Artikel, die Firefox 1.5 und nachfolgende Entwicklerversionen benutzen. Mit Spalten sind nun die Beiträge auf der Startseite, die Archive sowie die Einzelansichten von Beiträgen ausgestattet. :) Für MSIE-Nutzer werde ich keinen Screenshot zur Verfügung stellen.
Der einzige Wermutstropfen bei der Geschichte ist, dass column-rule noch nicht implementiert ist. (Den Befehl dafür lasse ich trotzdem drin.) Vielleicht wird’s was mit Firefox 3.0 nächstes Jahr.
Einen Bug beim Darstellen von <blockquote> habe ich bereits gefunden. Außerdem habe ich das Problem mit den Bildern innerhalb der Beiträge nicht bedacht, die meist Breiten von 400 Pixeln haben und dementsprechend weit über die Spalten hinausragen, und dass man nun bei überlangen Beiträgen scrollen muss, um von einem Spaltenende zum nächsten Spaltenanfang zu gelangen. Aber ansonsten bin ich ganz zufrieden damit. Mal sehen, wie lange ich es so belasse.
PS: Ich hoffe auf baldiges Erscheinen von W3C-Empfehlungen zu CSS3 Advanced Layout Module und CSS3 module: Multi-column layout, damit Webentwickler endlich richtige CSS-Werkzeuge in die Hand bekommen, um Layouttabellen endgültig den Garaus zu machen.
Für mich war das letzte Design meines WordPress-Blogs schon nicht mehr zu ertragen (fixes Layout, dunkler Seitenkopf). Darum habe ich mich kurzfristig entschlossen (auch wenn ich andere Arbeiten eher zu erledigen hätte), mir etwas Neues zu suchen. Ich habe mich gestern Nachmittag hingesetzt und das World Wide Web nach Templates durchsucht. Einige wenige kamen in die engere Auswahl; das Rennen gemacht hat dann The Glass People 2.0 von John Hill. Es basiert auf Blix von Sebastian Schmieg, hat aber ein flexibles Layout und sanftere Farben. (Nun ja, an den Farben sollte vielleicht noch gearbeitet werden.)
Obwohl mir das Template gut gefallen hat, so ist doch hinter der Fassade vieles, das meiner Nachbearbeitung bedarf. Da wären die CSS-Dateien, die gesäubert und kleine Layoutfehler darin, die ausgebessert werden müssen, und die PHP-Dateien, in denen vieles fehlt, das ich bisher an meiner Blog-Oberfläche gewohnt war. Die Übersetzung darf natürlich nicht vergessen werden.
Also: Ein Haufen Stunden, die man mit Schlechterem als Template-Bastelei verbringen könnte. ;)
Spam-Attacke
Außerdem habe ich zu vermelden, dass ich seit 2 Tagen von Casino- und Phentermine-Spam belästigt werde. Aus der Not heraus habe ich das Askimet-Plugin von WordPress aktiviert sowie (zuvor) das CJD Spam Nuke-Plugin installiert, das mir alle als Spam markierten Einträge in der Datenbank anzeigt und zum Löschen vorschläge (falls irgendwas zuviel in der Datenbank verschwunden ist und damit sich dort kein Müll ansammeln kann).
Askimet hat innerhalb von 36 Stunden 107 Kommentare gefasst. Wenn das kein Großangriff ist, weiß ich auch nicht…
Diesmal etwas völlig anderes, aber vielleicht kommt der eine oder andere mal in die Lage, dies wissen zu sollen. (Ich liebe die deutsche Sprache für das Ermöglichen dieses Satzkonstruktes.)
Neue Richtlinien im Rahmen der Erste-Hilfe-Standards
Gefunden im Arbeitsschutz-Newsletter Sicher Arbeiten vom März 2006 bei SidiBlume.
Die Seite aufrufen und nach „Neue Richtlinien im Rahmen der Erste-Hilfe -Standards“ (oder Anführungszeichen) suchen. Dann findet man diesen Artikel:
European Rescuscitation Council (http://www.erc.edu) [..] hat ihre Richtlinien zur Wiederbelebung Ende des Jahres 2005 überarbeitet. Zurzeit (Mitte Februar 2006) steht noch keine offizielle vollständige Übersetzung und Übertragung auf deutsche Verhältnisse zur Verfügung, allerdings fassen anerkannte Verbände und Arbeitsgemeinschaften die Ergebnisse bereits jetzt fachlich in übersetzter Form zusammen und formulieren daraus Standards. Die Hilfsorganisationen beginnen zurzeit, die Lehrgangsunterlagen zu modifizieren.
[…]
Bitte beachten Sie: Lassen Sie sich nicht verunsichern. Auch die älteren Lehrinhalte können Menschenleben retten. Machen Sie sich in Ruhe mit den Leitlinien vertraut – helfen Sie in jedem Fall auch dann, wenn Sie z. B. mit den vertrauten Kompressionen: Beatmung – Rhythmen arbeiten. Sie machen nichts falsch!Auszug aus den Neuerungen:
- Das Verhältnis Kompression: Beatmung wird auf 30 : 2 verdoppelt. Es gibt weiterhin keine Unterscheidung zwischen Einhelfer- und Zweihelfermethode.
- Im Rahmen der Laienreanimation wird auch bei Kindern 30 : 2 eingeführt.
- Die zwei initialen (einleitenden) Atemspenden sind zu unterlassen – Sie beginnen mit 30 Kompressionen, unmittelbar nachdem ein Atemstillstand festgestellt wurde.
- Die Hände werden in der Mitte der Brust platziert, unnötiger Zeitverlust zum Suchen des Druckpunktes wird so vermieden.
- Die Atemspende sollte eher über 1 Sekunde als bisher über 2 Sekunden gehalten werden.
- Wenn Zweifel besteht, ob der Rhythmus tatsächlich einer Asystolie entspricht oder doch ein Flimmern vorliegt, soll nicht mehr die Defibrillation erfolgen. Stattdessen wird weiter komprimiert und beatmet.
>> ERC-Internetseiten, Download ERC Guidelines Section 2 „Adult BLS and use of Automated External Defibrillators“ • http://www.erc.edu/download_gl.php?d=3
>> Full-download: http://www.erc.edu/download_gl.php?d=11
Möge jedem diese Situation erspart bleiben. Trotzdem gut zu wissen.
Vor ein paar Tagen habe ich mich ein wenig mit der Website CreativeCommons.org beschäftigt.
Mit einer Creative Commons-Lizenz können andere Ihren Inhalt vervielfältigen und verbreiten – vorausgesetzt, Sie werden als Rechtsinhaber genannt. Unter welchen ausschließlichen Bedingungen andere Ihren Inhalt darüber hinaus nutzen können sollen, legen Sie selber [..] fest.
Mit dem Thema wurde ich bereits mit meiner Seite Der Internet Explorer ist gefährlich konfrontiert. So richtig beschäftigt habe ich mich damit aber noch nicht.
Nun habe ich mich entschlossen, das gesamte OesterBlog unter eine CC-Lizenz zu stellen. Warum auch nicht? Entschieden habe ich mich für eine recht freie Lizentversion, die sich BY-SA (Attribution and Share Alike) nennt. Dies bedeutet nichts anderes, als dass der Inhalt
- vervielfältigt, verbreitet und öffentlich aufgeführt,
- bearbeitet und
- kommerziell genutzt
werden darf, sofern mein Name genannt und der Inhalt wiederum unter eine CC BY-SA Lizenz gestellt wird. (Sozusagen die LGPL für Texte. ;))
Der Hinweis auf Creative Commons ist jeweils am Seitenende zu finden.
Meine Zeit ist zwar arg begrenzt (Arbeit, Freund fängt Hausbau an und Eltern bekamen erstmals einen Rechner = viel Installation+Einführung notwendig), aber die Entdeckung des Grafikbearbeitungsprogrammes The GIMP und die bisher erfolgreiche Arbeit damit hat mich dazu veranlasst, einen Artikel darüber zu schreiben, mit dem man einen kleinen Überblick über das Programm erhält. Sozusagen ein Werbe- und Informationsblatt für mögliche Umsteiger auf GIMP. Aller Anfang ist bekanntlich schwer. Und mit dieser kleinen Einführung wird es hoffentlich jemandem leichter ergehen.
Nun denn. Zu Ostern ist gerade die neue Version GIMP 2.2.11 erschienen, außerdem schreitet die Entwicklung von GIMP 2.4 gut voran (laut Vortrag von Roman Joost auf den Chemnitzer Linuxtagen März 2006 wird es Sommer/Herbst 2006 erscheinen) und wird hübsche, neue Werkzeuge wie SIOX enthalten.
Ich wünsche dem GIMP-Projekt und vor allem auch GEGL weiterhin gutes Gelingen und viele neue, motivierte Entwickler, die geplante Funktionen einbauen können, damit GIMPL ein noch bessereres Produkt wird.
Achja, nun hätte ich fast den Link zu erwähnen vergessen. Verbreitung und Korrekturvorschläge erwünscht!
Nach dem anderen Update habe ich mich auch gleich auf das WordPress-Update gestürzt. Es war nicht so viel Arbeit, da es zum glück ein Exrapaket mit geänderten Dateien gibt. Das Hochladen aller Dateien und die Anpassung des Themes ging rasch. Die Aktualisierung der Datenbank hat nicht mal eine Sekunde gedauert.
Mit diesem WordPress-Update wurden über 100 Bugs bereinigt. Das zahlt sich schon aus.
Ich habe es am Freitag gewagt: Ich habe ein perfekt laufendes System (WordPress 1.5.2) aktualisiert (auf WordPress 2.0). Nun, ich habe die originalen und übersetzten Anleitungen gelesen, was man alles beachten und wie man vorgehen sollte. Anfangs dachte ich, mit Ausnahme kleinerer PHP-Code-Anpassungen würde alles reibungslos funktionieren.
Denkste.
Ich hatte mein Theme auf den Stand von XHTML 1.0 Strict gebracht. Und zwar auf *richtiges* XHTML. Sprich: Mit serverseitigen Header-Angaben und einer XML-Deklaration im HTML-Code. Leider spucken webstandards-gerechtere Browser wie Firefox nun eine Fehlermeldung aus, anstatt das Blog zu zeigen. Warum? Anscheinend hapert es in meinem WordPress an der Umwandlung des SQL-Datenbankinhalts auf XHTML-gerechte Beiträge im Blog. So kommt es, dass schon mal <p><p> vorkommt oder <p><ol></p>.
Ich denke, es liegt an der wpautop-Funktion. Die wird nicht ausgeführt. Aber so genau kann ich das nicht sagen. Im deutschen WordPress-Forum habe ich freitags dazu eine Frage gestellt, aber bis jetzt kam keine Hilfe.
Vorerst habe ich die XML-Dekalration und die serverseitigen Header-Angaben rausgenommen, bis ich eine Lösung gefunden habe – oder jemand anderes.
PS: Ich kann WordPress 2.0 bisher nichts abgewinnen mit diesen unnötigen Ajax-Spielereien im Adminbereich.
Edit um 20:10: Das Problem scheint gelöst – oder gefixt, wie es Pseudoneudeutsch heißt. Schuld war ein Plugin, Textile 1.0, das ich leider wieder deaktiviert hatte nach dem Update auf WordPress 2.0. Darum hasse ich Plugins. Sie machen nur Probleme. Dabei war das ein Standardplugin von WordPress 1.5.2!! Ich hab gar keine eigenen Plugins installiert bisher! *grummel* Nun gut. Problem gelöst nach Stunden des Suchens, Fluchens und PHP-Code-Lesens…
Nach langem ist meine Sammlung von Lesezeichen (neudeutsch bekannt unter Bookmarks) für Webdesign und Webstandards endlich fertig geworden. Im Grunde war es als Online-Variante und Sicherung meiner Lesezeichen geplant. Man kann es aber natürlich auch zum Stöbern und Nachschlagen benutzen. Es enthält sehr viele nützliche Links zu allen Themen des Webdesigns.
Für die exorbitante Länge entschuldige ich mich. :) Gutes kann man eben nicht – oder nur schweren Herzens – kürzen. Wegen der Länge und um das Suchen zu erleichtern, habe ich ein paar besonders URLs und Texte hervorgehoben.
Viel Spaß beim Stöbern und Dazulernen – und viel Erfolg beim Suchen. :)
Die ZuTun-Liste ist dem Blog-Design angepasst und bereit für die „Arbeit“. :) Die Funktion dieser Liste ist eine transparente und nachvollziehbare Auflistung von Problemen oder Wünschen, die umgesetzt werden sollen, so bald dafür Zeit ist.
Die Liste ist dreigeteilt: OesterChat V4.0, OesterBoard und OesterBlog. Die Abschnitte sind jeweils noch in logische Unterabschnitte unterteilt (Einteilung kann noch modifiziert werden).
OesterChat V4.0 verwalte ich. OesterBoard ist das Feld von |venenum| (2 Punkte beim Unterabschnitt Aussehen habe ich hinzugefügt) und der Quellcode obliegt ihm. OesterBlog bearbeitet, wem etwas auffällt; die Bearbeitung des Quellcodes ist mein Bereich.
Die Liste ist nach dern Regeln von XHTML Strict gestaltet. Also bitte die bestehenden Punkten/Listen ansehn und „nachahmen“. Es gibt folgende Formatierung für erledigte Punkte:
Vorher:
<dd> Überschrift </dd> <dt> Beschreibung </dt>
Nachher:
<dd><del datetime="2005-08-06T02:25:00+01:00"> Überschrift </del></dd> <dt><del datetime="2005-08-06T02:25:00+01:00"> Beschreibung </del></dt> <dt><em> Korrigiert am 06. August 2005 </em></dt>
Info: Marking document changes: The INS and DEL elements.
Wenn die Validierung geklappt hat, ist alles paletti.
Ich hoffe auf rege Benutzung durch die Beteiligten.
Falls irgendjemand irgendwo Probleme sieht oder Vorschläge hat, einfach im Kommentar mitteilen und es wird dann bearbeitet.
PS: Sicherheitsrelevante Probleme werden hier natürlich nicht aufgelistet – oder so kaschiert, dass sie nicht sicherheitsrelevant erscheinen. *g*
Guten Abend!
Heute wurde am Design und Quellcode des Blogs rumgewerkelt. Nicht viel, aber immerhin habe ich die Verbesserung der Navigationsleiste geschafft, auch dass sie jetzt angezeigt wird, wenn man einzelne Beiträge liest, vervollständigtes HTML-Element, der Quellcode ist XHTML 1.0 Strict valide samt richtigem Content-Type mit Browserweiche, Footer für oesterchat.com angepasst und Verweis auf Impressum/Kontakt eingefügt. Kleine Änderungen bei den Farben, Umstrukturierung und ein neues Header-Bild erfuhr die CSS-Datei.
Die beiden Artikel „ZuTun“ und „Bookmarksammlung“ sind erstmal nur zur Probe. Die Fertigstellung erfolgt beizeiten.
|venenum| wurde zudem als Benutzer registriert. Jetzt muss er sich nur noch melden.
Seit heute gibt es das OesterBlog. :) Hier werde ich – und eventuell Gastautoren wie |venenum| – über die technische Entwicklungen und Planungen bei oesterchat.com und forum.oesterchat.com berichten, hilfreiche Links zum Thema Webdesign und Webstandards wiedergeben, ein paar Kritiken zu missratenen Websites veröffentlichen und was sonst noch so anfällt.
Da ich aber weder kompetent genug bin, noch genug Zeit dafür habe und es sowieso schon eine Flut von Blogs und Websites über die Themen Webdesign und Webstandards gibt, ist das LendoBlog nicht dafür gedacht, den werten Lesern (also mich selbst ;) jede neue Entwicklung im World Wide Web nachzutragen. Dafür wird es genügend weiterführende Links geben (siehe Bookmarksammlung und Linksliste).
Wer mehr über mich erfahren will, sollte einen Blick auf meine persönliche Website werfen.
Meine Verehrung
