Разработка шаблона для мобильных устройств

Давно я хотел это сделать, да всё как-то не до того было...

Итак, я решил сделать шаблон для мобильников. Дизайн по мотивам «родного» дизайна сайта движка.

Пока что есть только верстка главной странички, т.к. считаю, что нужно посоветоваться с сообществом по следующим вопросам:

  1. Нужен ли такой шаблон вообще?
  2. Что должна содержать мобильная версия сайта
  3. Необходимо протестировать то что сейчас есть различными устройствами

Читать дальше →

Верстка PDA-шаблона для LS

Сегодня я начал верстать шаблон для PDA-версии своего сайта. По завершении сделаю еще один вариант, который выложу здесь.

При верстке постараюсь учесть основные моменты, которые важны при отображении сайтов на PDA.

Ориентироваться буду на «нормальные» мобильники, владельцев древних аппаратов я не считаю целевой аудиторией. Будет заложена поддержка JS (в пределах разумного для мобил), авторизация и постинг.

К сожалению, я не очень силен в JS, поэтому на первом этапе будет готов только HTML/CSS, после чего буду просить го-нибудь из знакомых «пошаманить» со скриптами. Если у кого-то есть желание помочь в этом — буду рад.

Мои знания PHP примерно настолько же сильны, как и знания JS, поэтому история таже.
В основном это касается ресайза картинок, чтобы их не распирало на мобиле, до максимум 100px (ну или другое разумное значение).

Есть один момент, который я пока не знаю как решить. PDA-версию сайта можно расположить как на pda.site.com, так и на site.com/pda/. Для меня более предпочтителен первый вариант. Я вижу решение просто — закинуть копию движка на поддомен и подсунуть ему PDA-шаблон (в общем-то сейчас так и делаю). Если кто-то подскажет другой вариант — будет супер.

Любые предложения по шаблону желательны.

P.S.: На выходные я ухожу в офлайн, появляться буду редко.

PDA & WAP

Тема PDA-версии уже поднималась на сайте, судя по всему. Считаю, что это одно из правильных направлений развития движка.

Как насчет еще и WAP? Есть предложение сделать хотя бы дефолтные шаблоны на WML + XHTML и реализовать базовый функционал — «Блоги» и «Люди» для начала.

Потенциальная аудитория проектов бы расширилась.

Шаблон для PDA

Всё больше и больше людей выходят в Интернет с мобильных устройств. Многие из них часто находятся в дороге и чтобы себя чем-то занять не жалеют денег на GPRS (я один из них). Но далеко не все сайты хорошо смотрятся на маленьком экране.

Как мне кажется — версия сайта для КПК сейчас актуальна, а в будующем будет востребована намного больше. Например, в студии, в которой я работаю, в последнее время стали больше заказывать кроме разработки основного сайта еще и версию для мобильников. Да взять ту же хабру — вопрос поднимался неоднократно.

Можно конечно сделать поддомен pda.ваш_сайт.ru, разместить там урезанный движок, прикрутит основную базу к этому движку и успокоится. Я так делал, например:
Основной сайт – smoltime.ru/
PDA-версия – pda.smoltime.ru/
Но есть более гибкий способ — определить клиента и выдать ему соответствующий шаблон. Можете зайти на тот же smoltime.ru/ с мобильника — способ вполне нормально работает. Сайт построен на WordPress + плагин к нему, который определяет клиента и выдает свой шаблон.
А чтобы далеко не ходить — зайдите с мобильника на Google.

Собственно, моё предложение:
Встроить в LiveStreet такую функцию изначально, пусть он определяет клиента и выдает шаблон для компа или для мобильника соответственно. Я программер не ахти какой, но как понимаю ничего сложного в этом нет. Можно на основе этого же плагина и сделать. Не знаю насколько это будет подгружать сервер, но можно эту функцию сделать как опцию, т.е. включением в конфиге.

Вот сам плагин, можете посмотреть на код.