Samstag, 21. Juni 2008

1&1 Frontend-Module-Test

Um die Verfügbarkeit unterschiedlicher Frontend-Module in einem Projekt auf einen Blick nachprüfen zu können, wurde nach dem Vorbild des Acid-Test von BA-Student Matthias Wenz eine Testgrafik angefertigt, welche bei einzelnen oder mehreren fehlenden Modulen falsch gerendert wird.



Dabei wird konkret auf das Vorhandensein folgender Module getestet:

- HTC-PNG-Hack
- Clearfix-Hack
- Conditional-Comments für IE6 und IE7
- reset.css
- Kombinationen aus den oben genannten

In der Gegenüberstellung sieht man sehr schön, wie sich die Grafiken für ein komplettes Vorhandensein und eine komplette Abwesenheit der Frontend-Module unterscheiden.

Dienstag, 17. Juni 2008

1&1 Frontend-Workshop - Teil 2

Auch den 2. Teil des Workshops habe ich für vor einigen Monaten das für das Website-Management veranstaltet.

Diesmal ging es hauptsächlich um die Weitergabe von Wissen über interne Entwicklungen.

SlideShare | View | Upload your own

Montag, 16. Juni 2008

1&1 Frontend-Workshop - Teil 1

Dies ist der erste von zwei Workshops, den ich als Frontend-Entwickler für das Website-Management präsentiert habe.

Inhaltlich ging es u.a. um folgende Themen:

- Performance, Qualität, Organisation und Übersichtlichkeit
- CSS Sprites, Image Replacement, Semantik
- YUILoader, Conditional Comments

SlideShare | View | Upload your own

Sonntag, 15. Juni 2008

Support-Box

Es sollte eine Funktionalität gefunden werden, welche auf der durch Benutzung des Back-Buttons aufgerufenen Seite eine Support-Box mit der 1&1 Hotline-Nummer einblendet.

Die Lösung des Problems ist nicht trivial und besteht aus einer Kombination der Behandlung des onLoad und onUnload-Events mit Hilfe des YUI-Frameworks, dem Setzen von Cookies und der Auswertung einer internen Aufzeichnung von Klickpfaden.

Support-Box

Montag, 2. Juni 2008

Travel-College Administration

Lang hat es gedauert. Jetzt ist es geschafft. Die Administration des Travel-College ist als meine bisher größte ExtJs-Anwendung implementiert. Ich konnte während der Umsetzung jede Menge Dinge über dieses Framework lernen. Mein Fazit fällt positiv aus. Die API ist sehr umfangreich und gut dokumentiert. Für jede Anforderung findet sich das passende Widget. Und wo die herkömmlichen Widgets ihre Grenzen haben, läßt sich noch jede Menge mit Templates rausholen. Alles in allem eine runde und durchdachte Sache.

Die Adminsitration teilt sich in drei Anwendungen. Es ist möglich Teilnehmerdaten zu verwalten, Mitarbeiteraccounts zu erstellen, Rechte zuzuweisen und Prüfungsergebnisse zu erfassen und als Zeugnis auszudrucken. Auch das nachträgliche Ändern und Löschen von Daten ist möglich. Die Kommunikation mit dem Server findet ausschließlich über AJAX mit JSON statt. Von den ExtJs-Widgets habe ich Layout Window, Basic ComboBox, ComboBox Template, Basic Grid, Editable Grid, Basic Tabs, Message Box, Dynamic Forms und weitere verwendet.

Als dem Server laufen PHP und eine MySQL-Datenbank.

Screen

Printansicht

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück Juni '08 Vorwärts
Mo Di Mi Do Fr Sa So
            1
3 4 5 6 7 8
9 10 11 12 13 14
18 19 20 22
23 24 25 26 27 28 29
30            

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1