Впервые сталкиваюсь с такой задачей, и не знаю, с какого конца подступить Есть очень простой сайт - ebash.org Сайт прокачен разными мини-фишками: возможность положить закладку на пост и вернуться к ней, чтобы читать с того же места, возможность скопировать весь текст, автовыделение ссылки, кнопки социалок, в общем, куча приятных мелочей, и всё - javascript Сколько мобильных версий сайта должно быть? Условно, как я понимаю, устройства можно разделить на три вида: телефон, смартфон, планшет, и каждый из них имеет различные возможности по функционалу. Что и где не будет работать? Как можно отлаживать работу сайта без этих устройств? Есть ли какая-то вменяемая литература по этому поводу?
вообще есть два подхода: создавать разную разметку для разных версий или применить адаптивную верстку чтобы один и тот же html приспосабливлся к типичным разрешениям. гуглить "адаптивная верстка". взять фреймворк (bootstrap) и перевести разметку на него. или по крайней мере изучить как он управляется с разными разрешениями. для тестирования как минимум иметь developers bar для FF, в нем есть инструент "размер". ну или последний FF вроде как из коробки умеет имитировать - не ставил не скажу точно.