Задать вопрос

Alexander Mischuk

Ответы пользователя по тегу Адаптивный дизайн

  • Как поправить такое в адаптивной верстке?

    @Mischuk
    Может быть за адаптивную верстку нужно браться когда с фиксированной статикой на ты можешь общаться?
    Ответ написан
    Комментировать
    Комментировать

  • Какую технологию при верстке лучше использовать?

    @Mischuk
    Люк Вроблевски написал отличную книгу "Сначала мобильные". Рекомендую к прочтению.
    Как Вы могли знать уже, то один из существенных минусов адаптивной разработки это большой избыточный код, который негативно влияет на отображение страниц в мобильных устройствах из-за медленного(что чаще всего и бывает) инет-соединения.
    Верстка от мобильных устройств подразумевает то, что вы верстаете от минимальной ширине к максимальной, тем самым отсекая часть не нужного кода. Верстая же от десктопа Вы используете max-width и в таком случае планшеты и мобильные получают лишний неиспользуемый код.
    Только это всё теория и как сказал meam верстать сначала для мобильных может быть очень сложно, если нет готовых макетов и дизайн изначально подразумевает основную версию - десктопную. В таком случае нужно начинать верстать от десткопа, используя по максимуму резины, чтобы свести к минимуму медиа-запросы.
    Подводя итоги: Если проект нацелен, в основном, на мобильные устройства, то 100% нужно верстать mobile first.
    Ответ написан
    Комментировать
    Комментировать

  • Как управлять расположением блоков при адаптивной верстке ?

    @Mischuk
    Если есть возможность менять разметку, то красный блок ставьте первым в разметке. Это значительно упростит задачу.
    Если нет возможности править разметку, то через абсолютное позиционирование можно для нужного блока, но этот вариант в крайних случаях нужно использовать. Всё же стоит пересмотреть разметку, как уже сказали раньше.
    Ответ написан
    4 комментария
    4 комментария

  • Стоит ли использовать сетку bootstrap 3 или лучше самому все сделать через медиа запросы?

    @Mischuk
    Используйте медиа-запросы. Если что-то не нравится, падинги например, поправьте стили и сохраните )
    Ответ написан
    Комментировать
    Комментировать

  • Какие выбрать размеры адаптивной сетки для различных разрешений экранов?

    @Mischuk
    240, 320, 360, 400, 480, 540, 640, 720, 768, 800, 960, 1024, 1280, 1366 и дальше обычные десткотные.
    Есть прекрасная статья об устройствах и разрешениях с которой советую ознакомится.

    Хотя меня смущает несколько подобный подход к разработке адаптивного дизайна. Подобные стандартные точки в медиа-запросе созданы для экономии времени (и денег заказчика в следствии), но думаете, что они предзначены для того, чтобы охватить все макеты? Вот и я думаю, что нет.
    Смотрите когда ломается ваш макет или выглядит не эстетично и тогда создавайте новый медиа-запрос или переделывайте стили в прошлом. Это может занять немногим больше времени, но так вы будете уверены, что ваша работа выглядит лучше на большем количестве устройств.
    Ответ написан
    2 комментария
    2 комментария