Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Идеология мобильной версии
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 24 дня
Карма: -1




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

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

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

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

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

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

4. При верстке мобильной версии исходим из того, что ширина экрана менее 1000 пикселей. При этом дизайн должен должен нормально воспроизводиться со шрифтом 12 рх при минимальной ширине экрана.
А какую ширину экрана считать минимальной?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Arh  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



146%
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2102
Пользователь №: 27172
На форуме: 5 лет, 8 месяцев
Карма: 70






--------------------
:)
PMСайт пользователя
    2   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 24 дня
Карма: -1




Очень интересная статья, спасибо!

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

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

2. Под какую минимальную ширину экрана подстраиваться?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Kusss  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1355
Пользователь №: 28976
На форуме: 5 лет, 4 месяца, 4 дня
Карма: 77




твоя проблема с мелким шрифтом решается этой строчкой
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 24 дня
Карма: -1




Есть эта строчка.

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

Тут уж надо или уменьшать шрифт (а этого нельзя), или увеличивать ширину колонки.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Kusss  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1355
Пользователь №: 28976
На форуме: 5 лет, 4 месяца, 4 дня
Карма: 77




попробуй изменить коэфициент скажем до 0.8
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 24 дня
Карма: -1




А геометрический смысл в это закладывается какой?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
inpost  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Помагите Здесь живу!!!
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 22688
Пользователь №: 20039
На форуме: 6 лет, 11 месяцев, 25 дней
Карма: 599




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

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

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

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

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

Это сообщение отредактировал inpost - 11.10.2016 - 17:34


--------------------
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
PMПисьмо на e-mail пользователюICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Arh  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



146%
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2102
Пользователь №: 27172
На форуме: 5 лет, 8 месяцев
Карма: 70




Владимир55
Цитата
Под какую минимальную ширину экрана подстраиваться?

320

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

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

http://mobiledetect.net


--------------------
:)
PMСайт пользователя
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 24 дня
Карма: -1




Цитата (inpost @ 11.10.2016 - 12:35)
так как абсолютно все говорят о нужном шрифте по iphone, и это не 12px wink.gif

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

Цитата
Много мелкого текста
Рекомендуем использовать шрифты размером не менее 12 px.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
RootPM  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местный житель
****

Профиль
Группа: Пользователь
Сообщений: 169
Пользователь №: 43443
На форуме: 2 месяца, 3 дня
Карма: 1






--------------------
Все будет офигенно. Кому-то сразу, кому-то постепенно.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Stave  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Группа: Пользователь
Сообщений: 138
Пользователь №: 40254
На форуме: 2 года, 2 месяца, 27 дней
Карма: 4




Последний раз пишу, запихни в параграф текст и посмотри результат


--------------------
Если долго в одних стенах живешь, ты с ними сростаешься
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
sergeiss  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Сидел он, дум великих полон - и вдаль глядел
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 14962
Пользователь №: 4190
На форуме: 8 лет, 9 месяцев, 25 дней
Карма: 443




Цитата (Владимир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
PMICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
inpost  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Помагите Здесь живу!!!
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 22688
Пользователь №: 20039
На форуме: 6 лет, 11 месяцев, 25 дней
Карма: 599




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


--------------------
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
PMПисьмо на e-mail пользователюICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса