imedo.de Relaunch mit "Faux Absolute Positioning"-Technik

Wir haben die am 17.6.2008 in A List Apart vorgestellte "Faux Absolute Positioning"-Layouttechnik beim Relaunch des Gesundheitsportals imedo.de verwendet und können somit dessen Praxistauglichkeit im Bezug auf größere Sites/Softwareprojekte bestätigen.

Als ich den Faux Absolute Positioning-Artikel gelesen hatte, war ich (wie viele andere Kollegen) erst mal begeistert von dessen schrägem, aber dennoch plausiblen Ansatz (guckstu hier). Also fing ich bald an, damit herumzuspielen. Erst auf der lokalen Platte, dann beim Relaunch dieses Blogs, dann auf der Domainstartseite, dann kam ein 3-Spalter-Prototyp für das Web Interface Starter Kit ... und daaann wurde es Zeit für den Einsatz bei einem großen Projekt. Denn die bisherigen Spielereien waren Experimente und keines der Layouts war so komplex, dass der Einsatz von "Faux Absolute Positioning" nötig gewesen wäre.

Also habe ich es dem IT-Team von imedo.de vorgeschlagen und ich stieß auf interessierte Ohren. Das Ergebnis kann man seit dem 11.01.2009 sehen: Relaunch online - viele neue Features sind live!.

Wir haben es zunächst für das Hauptlayout eingesetzt. Da diese Technik mit relativ vielen div-Elementen auskommt, lohnte sein Einsatz nicht bei jeder kleinen Layoutaufgabe. Sondern eher da, wo (backend- oder scriptbedingt) sowieso schon viele Containerelemente nötig sind. Ich hatte vorher mehrere Prototypen verglichen (mal konventionell, mal per FAP gelayoutet), die z.B. nur einfache kleine Userlisten oder 2-spaltige Elemente darstellten, um zu diesem Schluss zu kommen.

Der Autor Eric Sol schreibt in seinem Artikel unter anderem:

And since it is a new technique that hasn’t been tested by thousands of users, it should still be considered experimental, as you may see unexpected results in your actual combination of markup, CSS, and browser.

Faux Absolute Positioning, Eric Sol

Ich kann bisher bestätigen, dass es keine Probleme bei der Anwendung dieser Layouttechnik beim imedo.de-Relaunch gab und das sie friedlich mit anderen (konventionellen) Techniken koexistieren kann.

imedo.de-Pressemitteilung dazu: Gesundheitsportal imedo.de nutzt als erster die neue Layouttechnik "Faux Absolute Positioning"

Tuesday, February 3. 2009
Defined tags for this entry: , , , ,

Comments

Display comments as (Linear | Threaded)

1

Ralf (Homepage) on 2009-02-19 17:07 (Reply)

Faux Absolute Positioning ist sehr interessant. Das werde ich mir auch nochmal im Detail ansehen.

Trackbacks


No Trackbacks

Add Comment

BBCode format allowed
Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA


Über

Das hier ist das private Weblog von Alp Uçkan. Ich entwickle Websites seit 1997 und arbeite derzeit als freiberuflicher Frontend-Entwickler in Berlin. Ich sammle außerdem noch Links in delicious und zwitschere vor mich hin.

Alp Uçkan ()
Gubitzstr. 20a
Berlin 10409 Germany
Jabber

Specialp Features

fapulous Framework (neu!)
Das erste XHTML/CSS-Framework auf Basis der Faux Absolute Positioning-Technik. Beinhaltet viele performante Konstrukte. Der Stoff, aus dem professionelle Websites gemacht sind ... ;-)

monitorThis 1.0
With MonitorThis you can subscribe to 26 different search engine feeds at the same time.

Business Blogging Weeks
Blog-Serie über die Kommerzialisierung der Blog-Szene in 2005

s9y Theme: adaptation
Ein leserfeundliches und sich der Monitorgröße anpassendes simples Theme für Serendipity.

Was ist FOAF?
Grundlagenartikel über FOAF. Auch einbindbar in die eigene Website.

Was ist RSS?
Grundlagenartikel über RSS. Auch einbindbar in die eigene Website.

neueste Leser-Kommentare:

12.03.2010 15:30
Also von javascriptbasierenden Spamschutz halte ich wenig. Dieser mag vielleicht Ema [...]
Usb... about Portable User
04.03.2010 20:30
Hi ^^ habe ne frage...und zwar habe ich ein anderes Problem und würde mich freuen we [...]
28.02.2010 17:37
sehr cooler artikel, ich finde hier immer wieder neue ideen, anregungen und wertvoll [...]