Есть ли у кого-нибудь хороший ресурс для мобильных CSS-шаблонов, которые работают на большинстве телефонов / устройств?
Все больше и больше мобильных устройств потребляют контент на моих сайтах электронной коммерции. IPhones, Blackberry, PSP, Windows Mobile и т. д., И мне нужны идеи, как справиться с перепрофилированием моих данных с помощью шаблонов CSS для этих устройств. Любые идеи были бы отличными.
Ответы 5
Я рекомендую вам посмотреть, что Delta Airlines делает с CSS, на http://mobile.delta.com. Им помогает компания MShift, которая занимается мобильным банкингом (который, очевидно, должен работать на многих разных устройствах).
Вы можете почерпнуть вдохновение из таблицы стилей, используемой сайтом Delta, с помощью https://my.mshift.com/deltacss.css.
Наконец, есть длинный список демонстрационных мобильных сайтов от MShift по адресу http://www.mshift.com/demo.html.
FWIW, у меня нет никакой связи ни с Delta, ни с MShift, я просто восхищался их мобильным интерфейсом.
Я бы посоветовал сделать это как можно проще. Интернет на телефонах может быть 3G / Wi-Fi или настолько медленным, насколько вы можете себе представить. Я бы сделал тест большим, чтобы его было легче читать, а ссылки легко нажимать, если вы ориентируетесь на сенсорное устройство. Я бы также отказался от изображений, если они не имеют размера 1 КБ или меньше.
У меня есть PSP, у него есть браузер, основанный на WebKit (также Google Chrome и Safari используют движок WebKit), поэтому любой сайт, который отлично работает в Safari / Chrome, будет отлично работать на PSP. Однако PSP имеет разрешение 480 × 272, поэтому, если вы хотите настроить таргетинг на платформу PSP, вы должны помнить об этом маленьком разрешении.
Эти ресурсы, вероятно, будут вам интересны:
- Блог IEMobile - http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx
- Веб-дизайн для Sony PSP - http://www.brothercake.com/site/resources/reference/psp/
- Веб-разработка для iPhone - http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/
Так что, как правило, если вы хотите настроить таргетинг на мобильные устройства, вам нужно убедиться, что ваш веб-сайт электронной коммерции нормально работает с небольшими разрешениями, он не использует ActiveX (поскольку он не будет работать в браузере iPhone Safari, Opera Mini и PSP) и т. д. Просто будь проще :)
WURFL - лучший открытый ресурс для работы со свойствами браузера, зависящими от устройства, включая CSS.
Я не забываю Шаблон мобильного Интернета Nokia. Это более крупный продавец телефонов.