Um den Arbeitsaufwand so gering als möglich zu halten, war eine Transformation der Struktur ohne erneute Eingriffe erwünscht. Natürlich kann man mit jQuery nachhelfen und für Smartphones aus einer Tabelle eine Liste machen. Doch die Beispielseite hatte so umfangreiche Tabelleninformationen, dass ein Einsatz von jQuery das Smartphone schnell zum Glühen bringen könnte.

Ein nur mittels CSS funktionierender Ansatz (siehe unten) fiel mir recht schnell ein. Man muss für die alten IE (oldIE) nur von CSS3-Selektoren auf Klassenselektoren umstellen, dann funktioniert es bis zum IE7 reibungslos (den IE6 habe ich nicht getestet). Da es sich bei der Aufgabe aber darum handelt, eine Tabelle für Smartphones nutzbar zu machen, können wir oldIE getrost vergessen.

Für die Wandlung von einer Tabelle in eine Liste und später (weiter unten im CSS) als Floats brauchen wir nur wenige Regeln, nur eine Zeile. Der überwiegende Teil des folgenden CSS wird für die Aufhübschung genutzt. Der Ansatz funktioniert auf alle Fälle bei Tabellen mit wenigen Spalten. Ich kann mir aber auch vorstellen, dass er bei Tabellen mit mehr als zehn Spalten gut funktioniert.

Speziell die Nutzung moderner CSS3-Selektoren macht hier die Arbeit leicht. Chris Coyer hat zu dem Thema eine Übersicht verschiedener Techniken erstellt.

Dirk Jesse merkte noch an, dass er die Optik genau anders erwarten würde, als ich es in meinem Beispiel demonstrierte. Der Anfangszustand soll erst kommen, wenn man die Grundfläche verkleinert (unbedingt das Fenster mal kleiner schieben!). Also habe ich eine zweite Version gemacht, in der ich die Optik umgedreht habe.

Ich habe nun auf vielen Zugfahrten feststellen müssen, daß der Empfang mit diesem Stick sehr punktuell ist. Auf der Strecke Mainz-Mannheim, die selten nicht durch bewohntes Gebiet führt hat man eigentlich nur in Bahnhöfen Empfang. Das Gleiche gilt auf der Strecke Frankfurt-Berlin. Das ist mehr als traurig.

Nun war ich in einem Vortort von Kassel und versuchte dort ins Netz zu kommen. Der Ort, vielleicht 10 km von Kassel entfernt, ist nur zum Teil mit den Segnungen von DSL beglückt. Mit dem Surftstick bekam ich morgens Kontakt, ab dem späten Mittag leider überhaupt nicht.

Also nutzte ich als Ersatz einen T-Online-Surfstick, der dort täglich seinen Dienst mit langsamen Übertragungsraten tut. Nach der Installation der Software stürzte mein Mac sofort ab. Jeder Neustart endete mit einem erneuten Absturz, wenn ich den Surfstick wieder in den USB-Port steckte. Die T-Online-Software hatte demnach nicht nur einen kleinen Fehler, sondern liess das gesamte System in die Knie gehen. Der Download eines Updates war so auch nicht möglich.

Vor einigen Jahren, es muss etwa 2003 oder 2004 gewesen sein, war ich mit meiner Frau in Norwegen. Wir schauten uns einen Gletscher an. Am Ende des Gletschers stand eine Frau und telefonierte mit ihrem Handy. Im Umkreis von 50km war keine Zivilisation und das Handy war kein Satellitentelefon. Und in Deutschland bekomme ich viele Jahre später in direkter Nähe einer Großstadt keinen Zugang zum Internet.

Öffentlicher Internetzugang ist auch eine Seltenheit in Deutschland. Letztes Jahr habe ich in der Provence Urlaub gemacht. Dort war es auch in kleinen Bergdörfern eine Selbstverständlichkeit, daß man kostenloses WLAN in Cafés bekam. Bei uns ist das eine echte Seltenheit. In Hotels kann man schonmal 15 Euro für einen Tag Internetzugang zahlen!

Wir halten viel auf unsere Modernität, auf unseren technischen Fortschritt. Das mag für ein paar Industriebereiche gelten, für das Internet gilt es bestimmt nicht. T-Online, Vodafone, O2 und wie sie alle heissen sind spitze darin, unsere Gebühren zu kassieren. Die Gegenleistung ist mehr als zweifelhaft. Ausserhalb von Großstädten muss man Glück haben, DSL zu bekommen. Mobiles Internet ist auch weit entfernt, selbstverständlich zu sein.

Ich hoffe, wir bekommen noch einmal die Kurve und bekommen sehr bald überall guten bis sehr guten Internetzugang. Es handelt sich dabei nicht um eine zu vernachlässigende Kommunikationsmöglichkeit für Privatpersonen. Das Internet ist integraler Bestandteil unserer Wirtschaft. Es macht den Anschein, nicht jeder hat das verstanden und die richtigen Konsequenzen daraus gezogen.

Gaststars des Tages, die uns allen beim theoretischen Fundament und bei der Entwicklung helfen sollen, sind Peter-Paul Koch (@ppk) und Christian Heilmann (@codep08).

Interessenten können sich noch über XING informieren und anmelden. Die in der ausführlichen Beschreibung bei XING erwähnte Möglichkeit über Betavine habe ich nie gefunden.

Ich bin schon sehr gespannt auf diesen sehr langen Widget-Tag.

Zu Manuels Buch ist auch ein Interview erschienen. Die deutsche Seite “Mobile Web Design” scheint mir übrigens auch sehr interessant und inhaltsreich zu sein. Interessant sind beispielweise Screenshots einer Seite in unterschiedlichen Endgeräten. Das schreckt eigentlich gleich zu Anfang vom Thema ab. denn man sieht, daß die uns geläufigen Differenzen zwischen Browsern dagegen Kleinkram sind. Das Thema ist spannendes Neuland.