Immer mehr mobile Geräte konsumieren Inhalte auf meinen eCommerce-Seiten. IPhones, Blackberrys, PSPs, Windows Mobile, etc. und ich brauche einige Ideen, wie ich meine Daten mit CSS-Vorlagen für diese Geräte wiederverwenden kann. Jede Idee wäre großartig.
Antworten
Zu viele Anzeigen?
jttraino
Punkte
889
Ich empfehle Ihnen, sich anzuschauen, was Delta Airlines mit CSS macht. http://mobile.delta.com . Sie erhalten Hilfe von einem Unternehmen namens MShift, das eine Reihe von mobilen Bankgeschäften durchführt (die natürlich auf vielen verschiedenen Geräten funktionieren müssen).
Sie können sich von dem Stylesheet inspirieren lassen, das von der Delta-Website mit https://my.mshift.com/deltacss.css .
Schließlich gibt es eine lange Liste von mobilen Demoseiten von MShift unter http://www.mshift.com/demo.html .
FWIW, ich habe weder mit Delta noch mit MShift irgendeine Verbindung, ich habe nur ihre mobile Benutzeroberfläche bewundert.
Vitaly Sharovatov
Punkte
922
Ich habe eine PSP, die einen Browser hat, der auf WebKit basiert (auch Google Chrome und Safari nutzen die WebKit-Engine), so dass so ziemlich jede Website, die auf Safari/Chrome gut funktioniert, auch auf der PSP gut funktioniert. Allerdings hat die PSP eine Auflösung von 480×272. Wenn Sie also die PSP-Plattform ansprechen wollen, müssen Sie diese kleine Auflösung im Auge behalten.
Diese Ressourcen werden Sie wahrscheinlich interessant finden:
- IEMobile Blog - http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx
- Webgestaltung für die Sony PSP - http://www.brothercake.com/site/resources/reference/psp/
- Web-Entwicklung für das iPhone - http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/
Wenn Sie also auf mobile Geräte abzielen, müssen Sie sicherstellen, dass Ihre E-Commerce-Website auch bei kleinen Auflösungen gut funktioniert, dass sie kein ActiveX verwendet (da es auf iPhone Safari, Opera Mini und PSP-Browser nicht funktioniert) usw. Halten Sie es einfach :)
Shane Breatnach
Punkte
879
WURFL ist die beste offene Ressource für den Umgang mit gerätespezifischen Browsereigenschaften, einschließlich CSS.
dawnerd
Punkte
748
Ich würde sagen, halten Sie es so einfach wie möglich. Internet auf Handys kann 3g/wifi oder so langsam sein, wie man es sich nur vorstellen kann. Ich würde den Test groß halten, damit er leichter zu lesen ist und Links leicht anzuklicken sind, wenn Sie sich an ein Touch-Gerät richten. Ich würde auch keine Bilder verwenden, es sei denn, sie sind 1kb oder weniger groß.
fravelgue
Punkte
2373
Ich vergesse nicht Nokia Mobile Web Vorlage . Es ist ein größerer Telefonanbieter.
