Update 23.03.07: Leider ist das Problem wieder aktuell.

Es handelt sich hierbei um einen kompletten Rewrite unseres Bestehenden CMS bite.cms (Version 1.x), was auf verschiedenen Seiten in unterschiedlichen Ausbaustufen zum Einsatz kommt. Die neue Version soll alle Versionen zusammenfassen, sehr einfache WYSIWYG-Bearbeitung von Seiten bieten und dem ganzen einen neuen Anstrich verleiehen.

Die Entwicklung lief bisher immer nebenbei, mittlerweile wurde aber mehrfaches Interesse bekundet, sodass wir uns jetzt intensiver um die Fertigstellung kümmern. Die folgenden Screenshots zeigen Eindrücke einiger Module.

Ich kann mich einfach nicht entscheiden. skEdit hat eine sehr schöne Auto-Vervollständigung, die ich grade bei CSS-Dateien sehr liebe. An TextMate mag ich allerdings das Codefolding, und die schönere und vor allem kompaktere Dateiübersicht, die bei großen Projekten durchaus sehr nützlich ist.

Ich glaube ich werde noch Ewigkeiten beide Editoren je nach Lust und Laune verwenden.

Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

Neben dem neuen Design gibt’s natürlich noch viel mehr neues bei mir: Neue Wohnung in Arnhem, neues Leben in den Niederladen, neue Sprache… (aber nein, hier geht’s auf Deutsch weiter)

Zumindest geht seit letzter Woche Freitag nach einigem Hickhack und FRITZ!Box patchen das Internet
endlich! Mehr dazu werde ich in den nächsten Tagen schreiben. Vorerst aber vielleicht noch ein bisschen Stille hier weil Donnerstag und Freitag Prüfung für den Niederländischkurs ist und ich noch ein paar Sachen lernen will/muss. Also drückt mir die Daumen.

Ganz besonders angetan, hat es mir das SafariTidy, was nach der Installation eine kleine Anzeige in der Statusleiste installiert, die Fehler im (x)HTML oder CSS anzeigt. Bisher hab ich dafür immer den Firefox mit der Extension FireBug zu Rate gezogen.
Ein Klick auf die Fehler und Warnungen zeigt dann den Quellcode mit den Details zu den Fehlern an. Der bunte Quellcode kommt von der Erweiterung SafariSource.

» SafariTidy (Download | Webseite)
» SafariSource (Download | Webseite)

Weggefallen ist das Gästebuch, was nur noch vollgespamed wurde. Die Inhaltsseiten hab ich nun auch auf WordPress umgestellt. Ein bisschen AJAX muss auch sein: Die iTunesanzeige links zeigt nun das Cover an und refreshed sich automatisch.

Was jetzt noch ansteht ist alle Bilder mit dem schwarzen Hintergrund mit einem weißen zu versehen und alles ein bisschen aufzuräumen. Mal sehen, wann ich dazu komme.

Man möchten in einem Druck-Stylesheet (im Website-Header einzubinden über <link rel="stylesheet" href="print.css" media="print" />) den Inhalt der Links in Klammern ausgeben lassen, da ein Benutzer diese ja in gedruckter Form nicht mehr Lesen kann. Hier muss zwischen internen und externen URLs unterscheiden, da den internen noch der Webseitenname vorangestellt werden sollte.

a[href^="/"]:after {
  content: " (http://website.tld" attr(href) ") ";
}
a[href^="http"]:after {
  content: " (" attr(href) ") ";
}


Die Selektion erreicht man über die eckigen Klammern. Hier kann auf den Inhalt eines Attributes zugegriffen werden. Bspw. fragt href^="/" ab, ob der der Strings in href eins Links mit einem / beginnt. Will man hingegen das Ende des Atributs abfragen wird stat dem ^ ein $ verwendet. Der Inhalt des Atributes href kann mit der Funktion attr ausgegeben werden.

Für das screen-Stylesheet sind aber ebenso Varianten denkbar. So ist eine Kennzeichnung von externen Links durch ein Bild oder ähnliches sinnvoll.

a[href^="http://"], a[href^="https://"] {
  padding-right:10px;
  background: url(extern.gif) right;
}


Hier wird ein kleines Bild (extern.gif) als Hintergrund auf einen Link gesetzt und der Linktext 10 Pixel nach Links verschoben, damit das Bild rechts neben dem Link steht. Ebenso könnte man aber wieder mit content arbeiten.

a[href$=".zip"]:before {
   content:"\2193\2009";
}


Dies stellt den kleine UTF-8-Pfeil ↓ (\2193) und ein Freizeichen (\2009) vor einen Link mit einem zip-Download.

Diese Funktionen geben der Webseite ein hohes Maß an Usability und helfen dem User beim Navigieren.

Man sollte sich aber auf jeden Fall vor Augen halten, dass dies Funktionen sind, die ein Großteil der Nutzer nicht sehen wird, da diese mit dem Internet Explorer unterwegs sind. So sollte nur verzichtbare Funktionalität hierüber realisiert werden und nicht Kernfunktionen der Webseite. Interessant wäre zu wissen, in wie weit der Internet Explorer 7 dies unterstützt.

» auf zum How-To… «

Ich mag den Safari eigentlich auch auch lieber. Vor allem wegen Apfel-Z in Formularfeldern und beim Tabschließen und der schönen RSS-Funktion. Allerdings hat der Firefox die schönen Extensions, wie WebDeveloper und FireBug. Mit den schönen Themes von grApple sieht er auch noch nett aus. Tjaa… Ein Browser ist wohl nicht genug. (Und dann sind da ja noch so schöne Exoten, wie Camino (jetzt in finaler Version!) und OmniWeb…)

HTML isn’t a very good language for making Web pages. However, it has been a very good language for making the Web.

Interessanter Artikel bei IBM über die Zukunft von HTML: The future of HTML, Part 1: WHATWG

Ein bei mir beliebter vertipper im HTML. Ich stelle mir allerings die Gegebenheit, wenn dieser Event ausgelöst wird sehr lustig vor. Vor Allem muss man dann den Monitor so oft putzen…

Eine News aus der gleichen Ecke: Nokias S60v3-Smartphone erhält einen Webbrowser, der auf Apples WebKit basiert. Schon im Juni wurde dies angekündigt und Nokia lobte ausdrücklich die gute Codebase von WebKit/Safari und gab dies als Grund an diese der Gecko-Engine (Mozilla, Firefox) vorzuziehen.

Die Entwickler des Internet Explorer 7 müssen Webdesigner um Mithilfe bitten. Microsofts Browser der kommenden Generation soll Internetseiten wie seine Konkurrenten Firefox oder Safari standardkonform anzeigen. Sein Vorgänger mit der Versionsnummer 6 hat aber dafür gesorgt, dass Entwickler Webseiten oft abweichend der Norm programmierten, damit sie der Browser richtig anzeigt. Nun ruft der Hersteller dazu auf, CSS-Anpassungen aus Internetseiten zu entfernen, damit sie auch der neue IE7 richtig anzeigt.

Via macnews.de

Muahahahaha. Kommt jetzt Mitleid auf? Ein ganz klares NEIN ist die Antwort. Das ist ein bisschen Genugtuung für die unnötigen Stunden (kann man da Microsoft eigentlich eine Rechnung für schrieben?), die man damit verbracht hat ein CSS-Layout auf den IE anzupassen!

Was also machen? Google, Foren, Tutorials durchsucht und zuerst nur Ergebnisse gefunden, die den Schluss zuließen, dass es nicht möglich ist. Irgendwie auf Seite 4 der Suchergebnisse bei Google fand ich diesen Link, der mir sehr geholfen hat.

Also um das Problem zu lösen Folgenden Prameter beim Object hinzufügen:

<param name="wmode" value="opaque">

sowie folgenden bei dem Embed:

wmode="opaque"

Dann wird das auf (fast allen Browsern) richtig dargestellt. Das Problem hat mich beinahe zur Weißglut getrieben! ;)