Мне любопытно, как сделать сайт мобильным устройством дружественным .. так что это лучшие размеры и как я могу сделать сайт выяснять, находятся ли они на мобильном устройстве. также, что мне нужно ограничить мой дизайн и кодирование, чтобы страницы стали более сбойными и более быстрой загрузкой ...Программирование веб-сайтов для мобильных устройств
Есть действительно две основные школ здесь, и это зависит от вашей аудитории:
Если вы говорите о текущих мобильных браузерах, большинство на рынке использует полнофункциональные браузеры, как на iPhone, Android вариантов , Palm Pre и т. Д. Они могут обрабатывать такие вещи, как сложный javascript и современный css. Для этой толпы вы в основном хотите сосредоточиться на таких вещах, как рационализация макета для очень ограниченной ширины страниц (> 800 пикселей), сводя к минимуму объем данных, которые необходимо загрузить (поскольку мобильные соединения могут быть очень медленными) и оптимизации размеров шрифтов и высота строк для удобства чтения.
Однако в развивающемся мире (Африка, Южная Америка, части Азии), то мобильный просмотр A) чрезвычайно важен, а B) примерно на 5-10 лет отстает в аппаратных возможностях. Мобильный интернет является основным средством получения информации в этих областях, но вам действительно нужно писать HTML, как в 1999 году (за вычетом таблиц). Держите свою разметку очень чистой и очень простой, ограничивайте любые причудливые стили и не полагайтесь на javascript, flash или что-то еще.
Для такого типа аудитории вы должны быть очень обеспокоены тем, как выглядит ваша страница, без любая таблица стилей. Семантическая разметка - король. Конечно, вы сможете его стилизовать, но при этом сохранить как можно меньше.
Надеюсь, что предлагает некоторые основные идеи.
Вы можете взглянуть на W3 Mobile Web Initiative. Они имеют множество передовых методов, а также некоторые хорошие инструменты, такие как Mobile Web Validator.
Чтобы сделать интерфейс удобным, я предлагаю вам использовать jQuery Mobile.