Guymon

Sind CSS Media Queries die Antwort für Mobil-Websites?

Eine interessante Debatte um den Einsatz von CSS Media Queries für die Optimierung von Mobil-Websites dokumentiert ajaxian.

Den Anfang machte der Beitrag Responsive-Webdesign, der einige spannende Einsatzmöglichkeiten für Media Queries zeigte.

Die erste Replik war der Artikel CSS Media Query for Mobile is Fool’s Gold in dem einige Probleme aufgezeigt werden:

• Speed matters more on mobile devices
• Letting the browser scale images for you is a bad idea since delivering images at the maximum size then scaling them down is wasteful on mobile devices
• esizing images on mobile browsers is cpu and memory intensive, both of which mobile devices can lack

Der Artikel beschreibt auch einige Workarounds und deren Nachteile.

Dann gibt es noch den Beitrag Combining Media Queries and JavaScript der zeigt wie sich Media Queries und JavaScript sinnvoll kombinieren lassen:

Fortunately, there is a pretty safe way of using JavaScript in conjunction with media queries. It turns out that all browsers I tested so far have paired the width and device-width media queries with the values of document.documentElement. clientWidth and screen.width, respectively.

Insgesamt spannend.

Mobile Web Optimization Guide

Bei dev.Opera gibt es den Mobile Web Optimization Guide von Bruce Lawson.

This article provides an overview of three different strategies to make your websites work across all devices. We’ll call them “mobile-aware” websites, as they’re not specifically for mobile sites, but they will work on mobile, as well as across different alternative browsing devices. These strategies are not mutually exclusive; you can mix and match as your project, budget and sanity allows.

daily links

• Developing a Model-View-Controller (MVC) Component for Joomla!1.6 - Part 01 - Joomla! Documentation
  This tutorial is part of the Developing a Model-View-Controller (MVC) Component for Joomla!1.6 tutorial.
• Mobile Plugin | drupal.org
  Provides a mobile optimized view to a Drupal site.

Tor auf dem Nokia N900

Im Tor Blog gibt es eine Anleitung wie man Tor auf dem Nokia N900 zum Laufen bringt.

WPtouch

Für iPhone User habe ich gerade das iwebkit Theme durch WPtouch ersetzt.

More than just a plugin, WPtouch is an entire theme package for your WordPress website. Modeled after Apple’s app store design specs, WPtouch makes your WordPress website load lightning fast on touch mobile devices, show your content beautifully, all while not interfering with your regular theme.

WPtouch bietet eine Menge Einstellungsmöglichkeiten, sieht deutlich besser aus und fühlt sich mehr wie eine iPhone App an. Danke Micha für die Erinnerung.