Ответы пользователя по тегу Адаптивный дизайн
  • В чём отличие между шириной экрана и шириной устройства?

    @SergeyKot
    Для выяснения того, как там на вашем мобильнике (компе) на самом деле, у меня имеется специальный тест www.cotonti.mobi/aa.html

    В последнее время, жизнь стал портить devicePixelRatio таких трубок с этим мало, но их все больше. К сожалению, это будет большой проблемой, так называемых адаптивных сайтов.
    Ответ написан
    Комментировать
  • С какой шириной вы рисуете адаптивные сайты?

    @SergeyKot
    Сетки? Баловство все это. На мобильниках это не "катит". Тут скорее всего проблема со стандартами под картинки. www.cotonti.mobi/page.php?al=model_style_css&pg=Se... а рисую один резиновый скин, который, как оказывается подходит под все разрешения. Для перехода под мобильный сайт использую специальный плагин, в котором есть стандарты разрешения экрана. Например, есть вариант 0, это когда весь экран мобильника заполняет картинка, а есть вариант 1 когда надо, чтобы над картинкой и под картинкой была одна строка управления (комментария, титла...) кроме того массу и других проблем, о которых отцы HTML5 не подумали, например, рыхлый сайт на компьютере и перегруженный на мобильнике. В общем путь сеток тупиковый, насаждаемый всякими сеошниками, типа адаптивный дизайн за вечер и миллион у вас в кармане. Берите специализированный движок.
    Это проще и париться не придется.

    Вот тест www.responsinator.com/?url=www.cotonti.mobi подвигайте слайдером, увидите, что ни о каких колонок не может быть речи. Итак все уже мелко. А картинки? Картинки надо готовить на сервере под каждый, практически стандартный размер. Тут проблем столько, что не на одну статью.

    Теперь статистики по браузерам mobtop.ru/stat/browsers ну так вот эти браузеры из первой тройки, сетки, закруглений и прочих штучек от CSS3 не знают.
    Ответ написан
  • Как разработать адаптивный макет?

    @SergeyKot
    Отвечу так, все темы связанные с адаптивной версткой подразумевают использование HTML5 и CSS3 это типичный СЕО развод. Ничего, из приведенного в многочисленных статьях работать на реальных мобильниках не будет!! За редким исключением крутого Айфона, но на веру.
    Смотрим сюда caniuse.com/#search=grid по поиску grid и видим, что только часть возможностей есть у FF 28 и Crome 33. И это действительно так. Однако в мобильных версиях существенные ошибки: несоответствие выдаваемых и реальных размеров экрана. То есть адаптивная верстка, но для чего? Можно сказать для планшета, чуть побольше экран (более 1025 по ширине) это фактически воспринимается как компьютер, а менее выглядит как мобильник.

    Как же я решил эту проблему. Я взял проверенный движок Cotonti и написал для него кучу расширений, и пока добился отличного результат только для мини Оперы. Вот мой сайт www.cotonti.mobi Теперь уже не верстка, а использование специальных Ббкодов, которые и дают желанную адаптивную верстку.

    На новый год, мне подарили хороший смартфон на андроиде. Мой MobiCot - PHP Mobile Content Management Framework исключительно хорошо смотрится на мине Опере, я даже не ожидал на сколько это хорошо получилось (раньше были мобильники и планшеты). Особенно замечательно стали выгодны мои версии статей на PDF. Андроид их замечательно скачивает и они воспроизводятся его читалками. Что, как понял, удобно читателям, не надо все время инета. Это направление я, естественно буду решать.

    Мой совет, найдите для вашего движка плагин подключения мобильников и не паритесь с адаптивной версткой. Я, сайтов, работающих на реальных мобильников с сетками пока, практически не встречаю. Есть мобильные приложения, но это совсем другое.
    Ответ написан
  • Русскоязычные гуру responsive/mobile first сайтостроения

    @SergeyKot

    Да, есть достаточно набрать в гугле "PHP Mobile Content Management Framework" http://www.cotonti.mobi

    Ответ написан
    Комментировать