С какого разрешения делать мобильную версию сайта?

Я делал с 650 где-то, так как большинство картинок с превьюшками около 600 по ширине. Да и дизайн тянется неплохо.

Гугл точно советует делать для 380 - чтобы в Айфон влезало. Да и основные неудобства - когда экран на телефоне вертикально.

Остальное про сайт можно довольно просто понять, протестировав на нескольких устройствах или просто уменьшив окно в браузере :)

Я думал что речь про то, кто должен дать разрешение.

А если речь про разрешение экрана, то у современных мобил оно не меньше, а иногда и больше чем у десктопов, так что не стоит на него ориентироваться.

С недавнего времени начал эксперементировать с адаптивной версткой...

Тестурую ее начиная от ~320px.

хм...

разрешения экранов наиболее популярных смартфонов

http://myresolutionis.ru/page/smapage.html

также есть разница между физическим разрешением экрана и разрешением в мобильном браузере

http://random1911.net/that_a_web_designer_should_know_about_mobile_devices

DiKiJ, Timen, спасибо!

А как думаете для планшетов стоит делать дизайн по типу мобильного, то есть с большими кнопками? Не попадались мне.

Скорее для телефонов. Там обычно все слишком мелкое получается.

А сколько смотрел свои сайты с планшета - не особенно хотелось что-то увеличить. Ну, это если тот мета тег по ссылке добавлен и стили. Вам проще самому будет глянуть или по ссылке:

https://www.google.com/webmasters/tools/mobile-friendly/

ИМХО, проще в основном дизайне сделать кнопки среднего размера, дабы и на планшетах было удобно. :)

Не надо делать мобильную версию вообще!

Делайте responsive версию, иногда её называют адаптивной. Это делается просто в css. Проще в разы и эффективнее.

BrimStone +1. Надо, конечно узнать тематику сайта, но вообще большие кнопки всегда и смотрятся не плохо и подходят сразу подо всё.

адаптив, если < 800px, то все в столбец

Берете мобилку 3,5 дюйма и смотрите, как выглядит сайт, дальше все резиновое. Надо смотреть не на разрешение в данном вопросе, а на видимость полей на небольших экранах.