Какой лучший способ сделать существующий веб-сайт пригодным для мобильных устройств (нетбуков, мобильных телефонов на базе Android, Iphone, Blackberry и т. Д.)?
Не вдаваясь в реализацию мобильной среды, я бы предложил воспользоваться CSS Media Queries , который позволит вам обслуживать различные CSS в зависимости от wdith устройства просмотра.* Хорошим началом было бы взглянуть на LessFramework , который взял на себя всю тяжелую работу по расчетам сетки.
Twitter Bootstrap также предоставит вам несколько полезных готовых адаптивных функций, означающих, что презентация сайта будет корректироваться в зависимости от типа устройства и размера его экрана.
И я бы порекомендовал проверить эту книгу .
Сделайте это гибким.
Вы можете определить различную ширину устройства с помощью медиазапросов CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width
Меньше нормативного объяснения: http://mislav.uniqpath.com/2010/04/targeted-css/
Отличное сообщение в блоге: http://webdesignerwall.com/general/the-wall-is-redesigned
Гибкая модель CSS3 также может быть вашим лучшим другом.
В настоящее время доступно много инструментов, но как сохранить хороший пользовательский опыт является наиболее важным.