Ответы пользователя по тегу Вёрстка
  • Как быть с хвостами флексбоксов?

    AlexeyGfi
    @AlexeyGfi Автор вопроса
    YouTube >>> Битриксоид из Колхоза
    Придумалось необычное решение. Нужно добить хвост элементами-пустышками.

    jsfiddle

    В количестве
    L — 2
    где L — количество элементов в списке
    «минус два», потому что когда в хвосте один элемент, он корректно прижимается к левому краю, а вот когда их в хвосте уже два, тогда возникает смещение.

    Можно скриптом после загрузки страницы, можно при создании страницы на бекэнде (всё-равно програмно генерятся элементы на странице, длина списка известна).
    Ответ написан
  • Как сделать выталкивающий сайдбар?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Мне, к слову, пример не приглянулся. Нет плавности, прыгает.
    Лучше смещать и затемнять.
    Как тут: http://www.лесобаза.рф/
    Ответ написан
    2 комментария
  • Пропорционируются ли элементы из PSD-макета относительно реального сайта, созданного по этому макету?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Я так верстаю. Всё в процентах, от шрифта до отступов.
    По поводу высоты: как правило такой момент только с картинками, ими и балансирую, иногда вплоть до того, что готовлю пропорциональную прозрачную болванку, которая «держит» мне блок.
    Первый сайт был так сверстан лет 5 назад. Пример: www.dovidka.org Это один из моих личных сайтов, на нём и отрывался, когда пришла идея так сверстать.

    Потом практика показала, что такая заморочка отлично прокачивает терпение (нужно же замерять и переводить в проценты каждый параметр), но не всегда оправдана.
    Иногда лучше (именно лучше, а не проще) задать фикс (или ступеньку фиксов через media-query), который отлично смотрится и на большом экране и на мобильном.

    В общем, нужно перед вёрсткой за-Дзениться в макет, определить всё, что не потребует резины и тогда уже анализировать остальное. То есть во главе to-do разработка каркаса, но это как нулевой пункт списка, чтобы сэкономить усилия. Редко когда сайт как сделали так он года в таком виде и живёт. Если он (спасибо, что...) живой, на нём постоянно что-то пилится и нужно заранее подумать о том, как это всё поддерживать: первый макет (в виде чистого PSD) как-правило тает в летах, дизайн-доработки — это скриншоты, в которых перерисована только какая-то область и через год никто уже и не вспомнит, а какая была исходная ширина и относительно чего считать проценты?
    Ответ написан
    2 комментария