Guymon

Mobile Sites mit Drupal

Elly Jonez gibt einige Tips für die Erzeugung von Mobile Seiten mit Drupal.

tinySrc (wird in dem Artikel erwähnt) werde ich mir mal ansehen:

If you’re designing web sites for mobile, you need to make sure your graphics work on thousands of differently-sized screens. Let tinySrc take care of the hard work.
You provide the URL of a large image, and tinySrc dynamically shrinks it down. Simply provide the address of the image, indicate how you want the image to display, and tinySrc will do the rest.

jQuery Mobile Tips

Einige jQuery Mobile Tips von Patrick McNeil

As with any new technology, getting started is often the hardest part.

With this frustration in mind, we have put together some of my handiest tips, tricks and code snippets related to the jQuery Mobile library.

Because this is not a full-on primer for using the library, we will skip over some of the things that become rather obvious as you get started and instead get straight to the items that become rather frustrating or troublesome.

Responsive Design: Data Tables

Chris Coyier stellt einen Lösungsansatz für Responsive Data Tables vor:

The biggest change is that we are going to force the table to not behave like a table by setting every table-related element to be block-level. Then by keeping the zebra striping we originally added, it’s kind of like each table row becomes a table in itself, but only as wide as the screen. No more horizontal scrolling! Then for each “cell”, we’ll use CSS generated content (:before) to apply the label, so we know what each bit of data means. (…) This is just one potential solution to the problem to data tables on small screens. It’s not perfect.

In jedem Fall eine interessante Lösung für Tabellen auf kleinen Screens.

Mobile Forensics

Die Firma cellebrite bietet mit dem UFED Physical Pro ein Gerät mit dem man von gängigen Mobiltelefonen Textnachrichten, GPS-Daten, Photos, Videos, und was sonst noch so zu holen ist, bequem herunterladen kann.

Utilizing UFED’s simple and field-proven user interface, a complete high-speed hex dump of the phone memory is delivered without the need of cumbersome PC drivers. Critical data such as user lock codes, and deleted information such as text messages, call history, pictures, and video are sorted and retrieved by Cellebrite’s Physical Pro engine.

Laut netzpolitik soll das Gerät bei der Michigan State Police bei normalen Verkehrsstreifen und -kontrollen zu Einsatz kommen.

Media Queries or Separate Mobile Web Sites

Jason Grigsby konstatiert: CSS Media Query for Mobile is Fool’s Gold und denkt die Entwicklung von seperaten Mobile Sites ist der “bessere” Weg.

I know separate mobile web sites are a pain to develop. We have a lot of infrastructure to build to make the mobile web go, and I’m going to be writing more about that soon. But there are good reasons why we need separate mobile web sites.

During Ethan’s interview on the Big Web Show, some time was spent discussing how sharing links from the New York Times doesn’t work the way you would hope. If you send a link from the mobile site and someone opens it on their desktop browser, it is still formatted for mobile.

The conclusion drawn from this during the podcast is that CSS media queries might be a better solution because there would only be one URL, and it would work for both desktop and mobile.

Here’s some hard numbers to consider from a YSlow examination of the New York Times desktop and mobile home pages: (…)

As you can see, the mobile web site has a fifth of the HTTP requests of the desktop version and is 583K smaller. That’s over 90% smaller and significantly faster on a mobile device.