[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Идеология мобильной версии
Владимир55
Вебмастер пишет, что сайт не оптимизирован под мобильные устройства, так что возникает необходимость создания мобильной версии.

Перечитал кучу статей, но ситуация не прояснилась и даже еще больше затуманилась - вероятно, некоторые попавшиеся мне статьи были написаны давно.

Сейчас склоняюсь к такой идеологии:

1. Поддомен не создавать, а выдавать на основном домене обычную или облегченную версии.

2. Из юзер-агента определять принадлежность к мобильным устройствам и такому посетителю выдавать мобильную версию.
Но тут возникает вопрос: существует ли список признаков мобильных устройств?

3. Мобильная версия имеет резиновый дизайн, а ее верстка ведется в одну колонку. Если в основной версии две или три колонки, то в мобильной эти колонки идут одна под другой.

4. При верстке мобильной версии исходим из того, что ширина экрана менее 1000 пикселей. При этом дизайн должен должен нормально воспроизводиться со шрифтом 12 рх при минимальной ширине экрана.
А какую ширину экрана считать минимальной?
Arh
Владимир55
https://habrahabr.ru/company/yandex/blog/307064/

_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Владимир55
Очень интересная статья, спасибо!

Нюанс в том, что там не затрагивается моя проблема - мелкий шрифт. Поэтому мне, всё же, придется идти намеченным путем. И остаются два моих вопроса:

1. существует ли список признаков мобильных устройств, по которым их можно продетектировать в юзер-агент?

2. Под какую минимальную ширину экрана подстраиваться?
Kusss
твоя проблема с мелким шрифтом решается этой строчкой
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
Владимир55
Есть эта строчка.

Да и какой от нее может быть толк, если Яндекс требует шрифт 12рх, а при верстке в три колонки имеются слова, которые с таким шрифтом не помещающиеся по ширине?

Тут уж надо или уменьшать шрифт (а этого нельзя), или увеличивать ширину колонки.
Kusss
попробуй изменить коэфициент скажем до 0.8
Владимир55
А геометрический смысл в это закладывается какой?
inpost
Ну не знаю что тебе посоветовать. Опять много статей читать?
Вот давай так. В своём курсе я потратил целых 2 урока на то, чтобы рассказать как пишут под мобильные устройства, рассказал практику и лучшие решения. Каждый урок был по 1 часу, я потратил на эту тему 2 часа. Теперь я вижу глобальный вопрос "как работать" на форуме. Думаешь можно тут описать всё это в 2-3 предложения?

Добавлю:
Цитата
3. Мобильная версия имеет резиновый дизайн, а ее верстка ведется в одну колонку. Если в основной версии две или три колонки, то в мобильной эти колонки идут одна под другой.

Адаптивная с этим справляется без проблем.

Цитата
При этом дизайн должен должен нормально воспроизводиться со шрифтом 12 рх при минимальной ширине экрана.

И это ты называешь "много читал"? Ты даже двух или трёх статей не читал тогда, так как абсолютно все говорят о нужном шрифте по iphone, и это не 12px wink.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Arh
Владимир55
Цитата
Под какую минимальную ширину экрана подстраиваться?

320

Цитата
существует ли список признаков мобильных устройств, по которым их можно продетектировать в юзер-агент?

Есть библиотеки под php и js и другие языки, называются mobile detect

http://mobiledetect.net

_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Владимир55
Цитата (inpost @ 11.10.2016 - 12:35)
так как абсолютно все говорят о нужном шрифте по iphone, и это не 12px wink.gif

Здесь я исходил из того, что мне пишет Яндекс Вебмастер. А пишет он вот что:

Цитата
Много мелкого текста
Рекомендуем использовать шрифты размером не менее 12 px.
RootPM
http://prozhector.ru/publications/vypusk-8...ilnuyu-vydachu/

_____________
Все будет офигенно. Кому-то сразу, кому-то постепенно.
qpurypaHT
Последний раз пишу, запихни в параграф текст и посмотри результат

_____________
Если долго в одних стенах живешь, ты с ними сростаешься
sergeiss
Цитата (Владимир55 @ 11.10.2016 - 12:34)
А какую ширину экрана считать минимальной?

1. Заходим в гугл, спрашиваем "разрешения экранов мобильных устройств статистика"
2. Одна из первых ссылок http://myresolutionis.ru/page/resstat.php
3. Смотрим еще другие ссылки.
4. Думаем, делаем выводы smile.gif
5. Профит.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
inpost
А зачем гуглить? В Хроме открыть и посмотреть, что он предлагает среди мобилок. Хотя да, это же ещё изучать надо среду, с которой мы работаем laugh.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.