Internet Explorer 6 auf Spoon.net

Vor etwa einem Jahr habe ich schon einmal einen Artikel geschrieben, wie man zum Testen diverser Webanwendungen den Internet Explorer 6 als Standalone wieder zum Laufen bekommt. Inzwischen gibt es aber eine neue und viel bessere Lösung. Unter Spoon.net kann der IE6 bequem aus einem anderen Browser heraus gestartet werden und das ganz ohne Installation (und natürlich kostenlos). Dazu wird lediglich ein Plugin benötigt und schon kann der IE6 gestartet werden.

Der IE6 ist allerdings nicht der einzige Browser, der auf Spoon.net zur Verfügung steht. Weitere Browser sind z.B. IE7 – 9, Firefox 2 – 4, Chrome, Safari und Opera. Aus meiner Sicht das perfekte Tool zur Crossbrowser-Optimierung und daher ein fetter Linktipp von mir.

Hinweis: Spoon.net läuft derzeit nur unter Windows. Eine Mac-Version ist aber bereits in Planung.

TYPO3: das Header-Feld im FCE verwenden

Häufig kommt es vor, dass das Header-Feld in einem Flexiblen Content Element (also der eigentliche Titel des Elements) unter TYPO3 leer bleibt und man stattdessen ein neues Feld für die Überschrift anlegt. Ich finde das immer wieder verwirrend, vor allem auch für die Redakteure der TYPO3-Webseite.
Aber es gibt eine Möglichkeit, das Header-Feld doch als Überschrift zu nutzen.

Als erstes ändern wir die Datenstruktur des FCEs und legen ein neues Feld an: „Überschrift“. Das Element Preset setzen wir anschließend auf None (TypeScript only). Dann unter Data processing folgenden TypoScript-Code eintragen:

10 = TEXT
10.data = register:tx_templavoila_pi1.parentRec.header

Dieser Code holt sich das Header-Feld von dem Element.
Jetzt muss die Überschrift nur noch an die Stelle im HTML-Code eingesetzt werden, wo es hin soll und schon hat unser Flexilbes Content Element ein Feld weniger.

UPDATE 16.06.2011:
Wie oben beschrieben lassen sich im Übrigen auch die anderen Standard-Felder wie Untertitel und Überschriften-Link verwenden.
Unterüberschrift:

10 = TEXT
10.data = register:tx_templavoila_pi1.parentRec.subheader

Überschrift-Link:

10 = TEXT
10.typolink.parameter.data = register:tx_templavoila_pi1.parentRec.header_link
10.typolink.returnLast = url

Die dritte Zeile „returnLast“ ist natürlich optional.

Bilder für das Web optimieren

Und wieder einmal geht es um Performance im Web. Heute werden Bilder optimiert.

Aber wie optimiert man Bilder für das Web ohne großen Qualitätsverlust? Man könnte natürlich Photoshop nehmen und jedes einzelne Bild auf einer Webseite nacheinander bearbeiten, aber das ist sehr mühsam. Und da wir alle faul sind, gibt es natürlich auch einen einfacheren Weg (und auch günstiger, weil man kein Photoshop kaufen muss). Dazu brauchen wir lediglich einen aktuellen Firefox und zwei Plugins.

Plugin #1: Firebug
Den sollte jeder Webentwickler standardmäßig installiert haben.

Plugin #2: Page Speed
Dieses Plugin ist noch nicht so bekannt, der Herausgeber dafür umso mehr. Das ist nämlich Google und die haben in dem Plugin viele Tipps zur Performance-Optimierung verbaut. Es wird die komplette Seite überprüft und anschließend aufgelistet, was man noch alles verbessern kann. Unter anderem gibt es dort einen Punkt zur Optimierung von Bildern. Dort gibt es eine Liste mit allen schwach komprimierten Bildern auf der Webseite.

Bilder mit Page Speed Plugin optimieren

Und das beste ist: Das Plugin bietet eine optimierte Version direkt zum Speichern an. Also die komprimierten Bilder abspeichern und die alten damit ersetzen. Fertig.

Die anderen Optimierungsvorschläge sollte man sich natürlich ebenfalls ansehen.
Mir gefällt das Google-Plugin übrigens besser als das vom Konkurrenten Yahoo (YSlow), weil die Anweisungen viel verständlicher sind und übersichtlicher dargestellt werden.