Nico Steiner - Frontend-Entwicklung und -Architektur

Freitag, 18. April 2008

200 Puls hab' ich!

Danke an Hendrik für diesen großartigen Website-Management Boney-M-Remix. Der Mediamarkt-Mann läßt grüßen und spricht uns allen täglich aus dem Herzen

Geschrieben von Nico Steiner in Privat um 16:17 | Kommentare (0) | Trackbacks (0)

Mittwoch, 16. April 2008

Stage-Assistent und StageNotes

Auf den 1&1 Entwicklungsservern wird eine Konsole (Stage-Assistent) zur Unterstützung bei der Entwicklung des Frontends angezeigt. Diese Konsole ist eine Weiterentwicklung der Standard-Pustefix-Konsole mit Features wie Varianten-Auswahl, Editiermodus, Anzeige des DOM-Trees und Systeminformationen.



Eine weitere Komponente des Stage-Assistent sind die sogenannten StageNotes. Diese erlauben es, "Notizen" direkt in die Webseiten zu integrieren und einem bestimmten Empfänger zuzustellen. Diesem wird, ausgelöst durch einen AJAX-Request, per E-Mail ein Hinweis auf die Nachricht zugestellt. Ein Link ermöglicht dabei die Anzeige der Notiz auf der entsprechenden Seite.



Auf einer Seite sind beliebig viele StageNotes für unterschiedliche Empfänger platzierbar.



Inspiriert wurde die Entwicklung von dem Artikel StickyTag: Web post-its bei Ajaxian.

Geschrieben von Nico Steiner in Referenzen um 23:28 | Kommentare (0) | Trackbacks (0)

Mittwoch, 9. April 2008

Willkommen Andi!

Seit dem 1. April unterstützt mich Andi Lehr bei der Frontend-Entwicklung. Andi ist, wie auch ich damals, aus dem Website-Management in das Web-Development-Team gewechselt.

Herzlich Willkommen und viel Erfolg!

Geschrieben von Nico Steiner in Privat um 15:03 | Kommentare (0) | Trackbacks (0)

Sonntag, 6. April 2008

Ein Grund mehr für valides Markup

Die 1&1 Bestellfrontends basieren fast ausschließlich auf dem im Haus entwickelten Java-Framework Pustefix. Aus (Front-)Frontend-Sicht bedeutet dies, daß alle Seiten eines Projekts (und das sind mitunter hunderte) mit XSLT in unterschiedlichen Transformationsstufen zu einem HTML-Output transformiert werden. Dieser Ansatz bietet eine ganze Reihe großartiger Möglichkeiten. Innerhalb des Markup lassen sich z.B. eigene Elemente verwenden, welche dann mit Hilfe von XSLT Stylesheets zu HTML-Code transfromiert werden. Das wird im Wesentlichen dazu benutzt, um XML-basiert logische Entscheidungen treffen zu können, wie dieses generierte Markup auszusehen hat.

Was hat das jetzt mit validem Code zu tun? Ich habe in der letzten Woche eine größere Aufräumaktion gemacht, in der ich ca. 7000 Zeilen veralteten XSLT-Code aufgespürt und gelöscht habe. Das Problem, das man im Frontend dabei hat, ist folgendes: Wären bei dem gelöschten XSLT Templates dabei gewesen, die noch benötigt worden wären, wäre das nicht aufgefallen. Das liegt in der Arbeitsweise des XSLT-Prozessors begründet. Man hätte dann die erwähnten eigenen Elemente im Output wiedergefunden. In etwa so:

<p>
Geben sie Ihr Geburtsdatum ein: <getBirthDate/>
</p>

Dabei hätte das Element getBirthDate eigentlich zu vernünftigem HTML (z.B. einem <input>-Tag) transformiert werden müssen.

Aufspüren lassen sich solche Fehler eigentlich ganz einfach: Ist das generierte Dokument nicht valide (und so etwas würde sich automatisch feststellen lassen) trat ein Fehler auf. Das funktioniert aber nur - und jetzt kommt's - wenn man davon ausgehen kann, daß das Dokument vorher definitiv valide war. Sonst mischen sich invalide HTML-Konstrukte mit invaliden eigenen Elementen - blöd, denn dann ist automatisiert leider überhaupt nichts mehr feststellbar, denn was vorher schon invalide war, läßt sich auf dieses Kriterium leider nicht überprüfen.

Geschrieben von Nico Steiner in Referenzen um 11:56 | Kommentare (0) | Trackbacks (0)

1&1 MediaCenter ist online

Seit einigen Wochen ist das neue 1&1 MediaCenter online. Erwähnen möchte ich das deshalb, weil es der erste 1&1 Shop ist, der komplett mit den neuesten Frontend-Ansätzen arbeitet. Das YUI Loader Utility wurde durch das Jasmin-Sevlet abgelöst (ich habe hier bereits über beide Ansätze geschrieben). IE-spezifische Styles werden über Conditional Comments eingebunden. Zusätzlich dazu basiert der gesamte Bestellprozeß (im wesentlichen dessen Formulare) auf neuen, valides Markup produzierenden XSLT-Stylesheets, auf die ich bei Gelegenheit näher eingehen werde.

Geschrieben von Nico Steiner in Referenzen um 11:48 | Kommentare (0) | Trackbacks (0)

YUI Carousel jetzt auch bei Hosting

Nachdem bereits das Maxdome-Popup mit der YUI Carousel Component umgesetzt wurde, ist diese Feature jetzt auch in den verschiedenen Hosting-Shops, unter anderem hier, in etwas anderer Anwendung zu finden.



Wie die Headline bereits verrät, wird mit dem Carousel ein Überblick über die Feature-Highlights von 1&1 Hosting gegeben.

Geschrieben von Nico Steiner in Referenzen um 11:37 | Kommentare (0) | Trackbacks (0)

Visits are up. Way up.

Ohne konkrete Zahlen zu nennen, möchte ich hier kurz den Erfolg unseres Projekts http://handy-kundigung.com dokumentieren. Gestartet im Februar 2007, sind die Besucherzahlen seit dem ständig gestiegen. Mit dem neuen Google Analytics-Feature, welches es erlaubt, die Unterteilung auch nach Wochen (oder Monaten) vorzunehmen, habe ich folgenden Graphen erstellt.



Weiterhin zeigt das neue Benchmark-Feature, daß das Projekt auch im Vergleich zu Webseiten ähnlicher Größe super dasteht. Bei allen dort verglichenen Parametern ist ein deutlicher Vorsprung zu erkennen.

Geschrieben von Nico Steiner in Privat um 11:17 | Kommentare (0) | Trackbacks (0)