Themes für mobile Geräte

Immer wichtiger wird es, web sites an die mobilen Geräte anzupassen. Die Vielzahl an Display-Formaten ist leider immens.

Stichwort hierfür sind:
responsive theme, adaptive theme, responsive base theme

Adaptive Theme
omega theme
Aurora
clean theme
Corolla
Footheme
sasson

Beim Entwickeln hilfreich
switchtheme

Zu dem wohl bekanntesten adaptive theme, omega, gibt es von Berthold Lauch einige videos.

Weitere videos von acquia und bei youtube.

Smashingmagazine.com hat einen Artikel zu responsive design.

Bei einem responsive/adaptive design fängt man mit der kleinsten Einheit mit der Planung an, sprich mit den mobilen Geräten. Dann können weitere Inhalte hinzugefügt werden.

adaptive: Es gibt z.B. drei feste Designs mit folgenden Breiten (break points): 740 und 980 und 1220
responsive: paßt sich der Größe fließend an

Auf dieser Seite haben wir Corolla eingesetzt.

Ein sehr hilfreiches Tool für Webdesigner ist der Preprozessor SASS, vgl videos bei leveluptuts.com
ebenso compass und css2sass