F-LOG-GE

Am 2. Juni durfte ich auf der diesjährigen Webinale einen Vortrag halten. Unter dem Titel “Die Pest – philosophische Betrachtungen zur Webentwicklung” widmete ich mich dem Thema “progressive enhancement“.

Es war klar, daß so ziemlich jeder unter “die Pest” den IE verstehen würde. Der war durchaus mit gemeint. Hauptsächlich spielte ich allerdings auf das Buch “Die Pest” von Albert Camus an. Seine Philosophie spielte auch mit der Sage von Sisyphos, das war mein Ansatzpunkt. Doch ich denke, die Folien sprechen im wesentlichen für sich selbst.

Immer wieder gern gesehenes Element einer Webseite sind halbstransparente Bereiche. Dabei muss man aufpassen, weil sich Transparenz auf die Kindelemente vererbt. Grundsätzlich empfehlen sich für ihre Umsetzung zwei Strategien, je nachdem ob man Rücksicht auf den IE6 nehmen will/muss oder nicht:

• extra Element für die Transparenz, das absolut positioniert wird
• Nutzung von RGBa und einem IE-Filter

Glücklicherweise entscheiden sich mehr und mehr Kunden dafür, daß eine Seite nicht mehr in jedem Browser gleich aussehen muss und dass man weniger Rücksicht auf den IE6 nehmen sollte. Deshalb habe ich gerade in einem Projekt einen halbtransparenten Container mit der zweiten Methode erstellt.

Doch diese Methode hat ihre Tücken. Für den IE vergeben wir einen Wert, der eine Kombination aus Farbe und Transparenz ist. Der Transparenzwert ist dabei die hex-Umrechnung des normalen Zahlenwertes. Doch wie komme ich an den hex-Wert?

Robert Nyman beschreibt eine Methode, die schnell in Firebug funktioniert. In der dortigen Konsole gibt man eine kleine Zeile Javascript ein. Zur Umrechnung eines 30%igen Transparenzwertes (opacity: 0.3) lautet die Zeile:
Math.floor(0.3 * 255).toString(16);


Unter dem Titel “Am Ende ist doch alles HTML” habe ich am gestrigen Mittwoch auf der Java-Konferenz “Jax 2010″ Einblicke in die Arbeits-und Denkweise eines Frontendentwicklers gegeben. Ich habe mich dabei auf die Punkte konzentriert, die in meinen Augen die zentralen Ankerpunkte einer Arbeit für das Frontend sind. Die Präsentation ist wie immer auf Slideshare auch zum Download erhältlich.
Den Rest des Eintrages lesen »